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

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

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

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

方法:

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

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

2. Emmet を有効にする:

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

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

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

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

#!

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

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