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

Sublime Text に Emmet プラグインをインストールするには、次の手順を実行してください。 コマンド パレットを開き、「パッケージ コントロール: パッケージのインストール」と入力して、Enter キーを押します。 [パッケージ コントロール] メニューで、「emmet」と入力し、Enter キーを押します。 Emmet プラグインをインストールし、Sublime Text を再起動します。 Emmet を有効にしてキー バインディングを追加します: { "keys": ["tab"], "command": "expand_abbreviation" }。

Sublime Text に Emmet プラグインをインストールする方法

ステップ 1: パッケージ コントロールを開く

• Sublime Text で、Ctrl Shift P (Windows) または Cmd Shift P (macOS) コマンド パレットを開きます。
• コマンド パネルに「Package Control: Install Package」と入力し、Enter キーを押します。

ステップ 2: Emmet プラグインを検索します。

• [パッケージ コントロール] メニューで、「emmet」と入力し、Enter キーを押します。

ステップ 3: Emmet をインストールする

• 検索結果で Emmet プラグインを選択し、Enter キーを押してインストールします。 。

ステップ 4: Emmet を有効にする

• Emmet のインストールが完了したら、Sublime Text を再起動します。
• メニュー バーで、環境設定 > キー バインド - ユーザーに移動します。
• キーバインド ファイルに次の行を追加します。

<code>{ "keys": ["tab"], "command": "expand_abbreviation" }</code>

• キーバインド ファイルを保存します。

インストールの確認

Emmet が正常にインストールされたことを確認するには、Sublime Text で次の手順を試してください。 HTMLドキュメント。

次のように入力します:

<code class="html">ul>li*5</code>

Tab

キーを押すと、Emmet はコード スニペットを自動的に次のように展開します:
• <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

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