ホームページ  >  記事  >  開発ツール  >  HTML テンプレートをカスタマイズするための sublime Text 3 emmet メソッド

HTML テンプレートをカスタマイズするための sublime Text 3 emmet メソッド

藏色散人
藏色散人転載
2019-12-02 14:37:374436ブラウズ

sublime text 3 の次のチュートリアル コラムでは、emmet が HTML テンプレートをカスタマイズする方法を紹介します。困っている友人の役に立てば幸いです。

HTML テンプレートをカスタマイズするための sublime Text 3 emmet メソッド

1. Emmet をダウンロード

#https://github.com/sergeche/emmet-sublime

2. sublime Package パッケージ ディレクトリを開きます。 Windows は通常、C:\Users\userName\AppData\Roaming\Sublime Text 3\Packages\ の下にあります。 Package ディレクトリに Emmet ディレクトリを作成し、ダウンロードしたファイルを解凍してこのディレクトリにコピーします。

3. HTML テンプレートのコンテンツは Emmet/emmet/snippets.json で構成できます。

a) HTML の検索 .abbreviations.doc では、HTML のヘッダー タグとボディ タグに格納されているコンテンツを定義できます。

b) 変数は html.abbreviations.doc 文字列に適用できます。変数は変数内で定義されます。${ を使用します。文字列。変数名を入力するだけです。}.

4. 定義後、sublime を再起動し、HTML ファイルを作成し、! または html:5 を入力して、Tab キーを押します。

以上がHTML テンプレートをカスタマイズするための sublime Text 3 emmet メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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