ホームページ > 開発ツール > sublime > Sublimeにemmetプラグインをインストールする方法

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

下次还敢
リリース: 2024-04-03 16:09:20
オリジナル
714 人が閲覧しました

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

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

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 サイトの他の関連記事を参照してください。

  • 関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート