web-dev-qa-db-ja.com

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

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

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の機能に似た、探していたオートコンプリート機能を提供していません。

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

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