ホームページ  >  記事  >  開発ツール  >  Sublime Text 3 は HTML5 ヘッダー情報を迅速に生成します

Sublime Text 3 は HTML5 ヘッダー情報を迅速に生成します

藏色散人
藏色散人転載
2020-09-08 09:38:373952ブラウズ

sublime の次のチュートリアル コラムでは、HTML5 ヘッダー情報と一般的なショートカット キーをすばやく生成するための Sublime Text 3 を紹介します。

Sublime Text 3 は HTML5 ヘッダー情報を迅速に生成します

1. HTML5 ヘッダー情報をすばやく生成する手順:

1.Ctrl N、新しいドキュメントを作成します;

2. Ctrl Shift P を押してコマンド モードを開き、あいまい一致のために sshtml を入力し、構文を HTML モードに切り替えます (

3)。「!」を入力し、Tab キーまたは Ctrl E を押すと、HTML5 の全体的な構造がすぐに開きます。 。

2. 非常によく使用されるショートカット キー:

Ctrl P、検索ボックスを開きます。具体的な操作は次のとおりです: 1. 現在のプロジェクトにファイル名を入力して、ファイルをすばやく検索します。 2. @ とキーワードを入力して、ファイル内の関数名を検索します。 3.: と番号を入力して、コード行にジャンプします。 4. # とキーワードを入力して変数名を検索します。

Ctrl キーを押しながら Enter キーを押して、現在の行の次の行に空白行を追加します。
Ctrl Shift Enter を押して、現在の行の前の行に空白行を追加します。
Ctrl Z、元に戻します。
Ctrl Y、元に戻すをキャンセルします。
Ctrl ] または Tab キーを押して、右にインデントします。
Ctrl [、または Shift Tab を押すと左にインデントされます。
Ctrl Shift V を押しながら、貼り付け中にインデントを維持します。
Alt F3 を押して、選択した単語を選択します。
「>」記号はサブ要素セレクターです。「.」記号の後にクラス名が続きます。「$」記号はシーケンス番号を表します。

例: ul>.item$*10 と入力してCtrl Eを押すと不要なリストが一括出力されます リストにはクラス名 item が含まれる li 行が 10 行あります。

間違いなく、一度に複数行を入力するこの方法は非常に高速です。複数の行が同じ操作の場合は、複数行カーソルを使用できます。Alt F3 で、以前にマウスで選択した単語が選択されます。このとき、複数の行が選択されています。矢印キーを押して移動し、{ } を押して入力します内容を入力し、最後にカーソルを移動します。 } の外に移動し、Ctrl E を押すと、{ } 内のすべての内容が出力され、一度に複数行出力されます。例えば、全選択後、h2 { this .... }と入力し、Ctrl E を押すと、h2 サイズのフォントで this.... が複数行出力されます。

以上がSublime Text 3 は HTML5 ヘッダー情報を迅速に生成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。