web-dev-qa-db-ja.com

Sublime Text 2にHTML属性をオートコンプリートさせる方法はありますか？

AptanaのようにHTML属性を自動補完するSublime Text 2を取得する方法があるのだろうか？

editorsublimetext2
36
camara90100

「<」とタグを使用してEnterキーを押すと、デフォルトでオートコンプリートが有効になります。したがって、<pを押してEnterキーを押すと、タグペアが完成します... <p></p>とカーソルが中央になります。必要に応じて、これを[設定]-> [設定]-[ユーザーファイル]に貼り付けて、タブに変更できます。

{
    "auto_complete_commit_on_tab": true
}

これにより、タブでの補完のデフォルト値であるfalseがオーバーライドされます。繰り返しになりますが、これはEnterではなくTabを使用する場合のみです。

36
Valjas

https://github.com/agibsonsw/HTMLAttributes を試すか、「HTMLAttributes」と呼ばれるtroughtパッケージコントロールパッケージをインストールしてください;）。その作品。たとえば、次のように入力します。

<p次にスペースバーを押し、次にctrl + spaceを押すと、属性のリストが表示されます。

12
born2fr4g

emmetパッケージを使用してみてください。 html＆cssコード補完専用に作成されました。詳細については、 ドキュメント をお読みください。

11
aga

私は同じ問題を抱えていました。私はプラグインパッケージHTMLAttributesとEmmetの両方を使用していますが、どちらもDreamweaverの機能に似た、探していたオートコンプリート機能を提供していません。

Solution： SublimeCodeIntel というパッケージが見つかりました。

Example：私はhtmlメールをコーディングし、多くのインラインCSSを実行します。最終目標：

  <td style="vertical-align:top;">

SublimeCodeIntelをインストールした後、<td style="vと入力し、「v」で始まるCSSプロパティのリストが表示されます。

enter image description here

矢印キーを使用して、vertical-alignを選択し、tabを押して確認し、文字「t」を入力すると、CSS値のリストが表示されます。

enter image description here

topを選択し、tabを押して選択を再度確認します。

注：未定義のCSSプロパティ用に事前定義されたスニペットを作成できますが、a）ドキュメントを介してそれらを作成する方法を学習します（簡単だと確信していますが）、およびb） vertical-alignなどの未定義のCSSプロパティ/値に遭遇するたびにスニペットを作成します。

お役に立てれば。

7
josh1978