web-dev-qa-db-ja.com

Sublime Text 3のHTMLタグを自動的に閉じる

崇高な2、HTMLタグを自動的に閉じてタグ内にカーソルを置く方法

Sublime 2で次の動作を作成する方法を理解しようとしています。

タイプ

<strong

次に、入力すると>

Sublimeはすぐに印刷されます

<strong></strong>

そして、カーソルがタグの内側に置かれます。

私は上記のSublime Text 3で引用されていることを実行しようとしています。同様の質問も尋ねられました here が答えが欠けていました。過去の時間を考えると、私はもう一度尋ねています。基本的に、Codecademyでタグがどのように完成するかを自動的に、つまりショートカットなしでエミュレートしたい（タブなし）。

Codeacademy example.gif

htmlautocompletesublimetext3
11
P-L

上記の Auto Close という名前のタグを自動的に閉じるプラグインがあります。 Sublime 2と3の両方で機能します。

「自動クローズ」を検索して、パッケージコントロールを介してインストールできます。

9
seanCodes

実際にはあなたが望む答えではありませんが、</ ST3は、最も近い閉じられていないタグを自動補完します。それ以外の場合は、ニックによるオートコンプリート回答が最善の策です。

2
Bwata

これは私にとってはうまくいきます。それはバックスラッシュ、つまりあなたの終了タグで閉じます。

たとえば、<div>my div<と入力すると/、あなたは<div>my div</div>。

有効にするには、キーバインディングファイルの配列に次のオブジェクトを追加します（Sublime Text> Preferences> Key Bindings）。

 {
    "keys": ["/"],
    "command": "close_tag",
    "args": { "insert_slash": true },
    "context": [
        {
            "key": "selector",
            "operator": "equal",
            "operand": "(text.html, text.xml, meta.jsx.js) - string - comment",
            "match_all": true
        },
        {
            "key": "preceding_text",
            "operator": "regex_match",
            "operand": ".*<$",
            "match_all": true
        },
        { "key": "setting.auto_close_tags" }
    ]
}
2
Federico

Windowsでも同じ問題があり、いくつかのフォーラムの人々からSublime 3を削除して再インストールするように提案されたかもしれませんが、問題は解決していません。問題の原因はわかりません。インストールされたパッケージまたは構成された設定で何らかの問題が発生したようです。インストール済みのパッケージと設定を削除することで、この方法で問題を解決しました。

Windows 10の場合

c：\ Users\YOUR_USER_NAME\AppData\Roaming\Sublime Text 3に移動します

その問題を解決するには、そのフォルダーからフォルダーとコンテンツを削除します。

Linuxの場合

https://packagecontrol.io/installation で説明されているプロセスを元に戻してください

これに対処するいくつかの問題があり、インストールされているすべてのパッケージが削除されます。必要なパッケージを再インストールする必要があります。

そのため、必要なすべてのプラグインを書き留めて再インストールしてください。

1
Jishnu Venugopal

OK、私が見つけたSublime 3の最善の回避策は、先に進んで SublimeCodeIntel パッケージをインストールすることです。パッケージ内で指定されたキーバインディングが機能していないため、ポップアップの生成に問題があるかどうかはわかりませんが、<_（_は空白）と同様に、auto-suggestを使用するとautoが生成する終了タグを使用します。

1
systemaddict