Sublime でコードを自動生成する方法

Sublime Text でコードを自動的に生成する方法: Emmet パッケージ マネージャーをインストールします。 Emmet を有効にして設定ファイルを保存します。 Emmet ショートカットを使用してコードを自動的に生成します。要素名を入力し、Tab キーを押して要素を展開します。親要素を使用して子要素をラップし、ネストされた要素を作成します。要素名の後に属性ペアを追加すると、属性付き要素が生成されます。

Sublime Text でコードを自動的に生成する方法

Sublime Text は、次の機能を提供する人気のあるコード エディターです。自動コード生成など、開発効率を向上させる一連の機能。

方法:

1. Emmet パッケージ マネージャーをインストール:

   • Sublime Text で、ショートカット キー Ctrl Shift P (Windows) または Cmd Shift P を使用します。 (Mac)、コマンド パネルを開きます。
   • 「パッケージ コントロール: パッケージのインストール」と入力し、Enter キーを押します。
   • 検索バーに「Emmet」と入力し、関連するパッケージを見つけてインストールします。

2. Emmet を有効にする:

   • Sublime Text 環境設定ファイルを開きます: Preferences > ; # ＃＃設定＃＃＃ 。
   次の行を追加します:

   • <code>{
       "auto_close_tags": true,
       "auto_complete_triggers": [
         {
           "selector": "*",
           "characters": [
             " ",
             ">",
           ]
         }
       ]
     }</code>

     設定ファイルを保存します。
3. Emmet ショートカットを使用します:
   HTML 要素を自動的に生成するには、要素名を入力して ## を押します。 #Tab
   キー。たとえば、「
   • div」と入力して Tab を押すと、
     に展開されます。 ネストされた要素を生成するには、子要素を親要素でラップします。たとえば、「div>ul
   」と入力して
   • Tab を押すと、
     に展開されます。 属性を持つ要素を生成するには、要素名の後に属性ペアを追加します。たとえば、「div[id=container]
   」と入力して
   • Tab を押すと、
     に展開されます。
例:

Emmet を使用してコードを自動生成する例をいくつか示します:

#!

と入力し、

Tab
• を押すと、HTML5 ドキュメントが展開されます。 nav#main と入力して
Tab
• を押すと、<nav id="main"></nav>## に展開されます。 ＃。 ul>li*5 と入力して Tab
を押すと、
• <に展開されます。 li>
  。 Emmet は、さまざまな要素、属性、構造を生成するための幅広いショートカットを提供します。完全なリストについては、Emmet のドキュメントを参照してください。

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