36

Aptana のように Sublime Text 2 で HTML 属性をオートコンプリートする方法があるかどうか疑問に思っていましたか?

4

4 に答える 4

36

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

{
    "auto_complete_commit_on_tab": true
}

これにより、タブでの完了のデフォルト値であるfalseが上書きされます。繰り返しますが、これは、Enterの代わりにTabを使用する場合のみです。

于 2012-06-04T01:24:28.073 に答える
12

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

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

于 2012-09-30T10:00:24.763 に答える
11

emmetパッケージを使用してみることができます。html&css コード補完専用に作成されました。詳細については、ドキュメントを参照してください。

于 2012-07-23T07:11:17.250 に答える
7

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

解決策: SublimeCodeIntelというパッケージが見つかりました。これはまさに必要なことを行ってくれます。

例: 私は HTML メールをコーディングし、インライン CSS を多く使用しています。最終目標:

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

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

ここに画像の説明を入力

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

ここに画像の説明を入力

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

注: 未定義の CSS プロパティに対して Emmet 用の事前定義されたスニペットを作成することはできますが、a) ドキュメントを介してそれらを作成する方法を学ぶ (単純だと確信していますが)、および b) の代わりに、「すぐに使える」ものが欲しかったのような未定義の CSS プロパティ/値に遭遇するたびにスニペットを作成しますvertical-align。

お役に立てれば。

于 2016-01-22T01:33:33.830 に答える