Sublime に emmet をインストールする方法

Sublime に Emmet をインストールする方法

Emmet は、Sublime Text での HTML と CSS の記述効率を大幅に向上させる強力なコード スニペット拡張機能です。 Emmet をインストールする方法は次のとおりです。

Package Control のインストール

Package Control は、Sublime Text のパッケージ マネージャーです。まだインストールしていない場合は、次の手順に従ってください:

1. Ctrl Shift P (Windows/Linux) または Cmd Shift P (Mac) を押します。コマンドパレットを開きます。
2. 「Install」と入力し、「パッケージ コントロール: パッケージのインストール」を選択します。
3. ポップアップ検索ボックスに「Package Control」と入力し、Enter キーを押します。

Emmet のインストール

Package Control をインストールした後、Emmet をインストールできます。

1. コマンド パネルを開きます (前述のように) ）。
2. 「Install」と入力し、「パッケージ コントロール: パッケージのインストール」を選択します。
3. 検索ボックスに「Emmet」と入力し、Enter キーを押します。

Emmet は自動的にインストールされます。

Emmet の構成

Emmet をインストールした後、それを有効にするためにいくつかの設定を構成する必要があります:

1. OpenPreferences > 設定 - ユーザー。
2. 次の設定を追加または更新します:

<code>"emmet_syntax_profiles":
{
    "html": "html",
    "css": "css"
}</code>

3. ファイルを保存し、Sublime Text を再起動します。

Emmet の使用

Emmet がインストールおよび構成されたので、それを使用してコード スニペットを生成できます。例をいくつか示します。

• <div> 要素を生成します。 div と入力し、Tab## を押します。 ＃。
• インライン要素を含む <div> 要素を生成します: div>p と入力し、Tab を押します。
• 複数のクラスを持つ
• 要素を生成します: li.item1.item2 と入力し、Tab を押します。
• ネストされた
  および
  • リストを生成します: ul>li${5} と入力します 、Tab を押します。
  Emmet の詳細と使用例については、そのドキュメントを参照してください: https://docs.emmet.io/

  以上がSublime に emmet をインストールする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。