☰

jsx の HTML タグの自動補完 (Sublime Text) 質問する

tag-icon • tag-icon autocomplete sublimetext3 sublimetext reactjs
jsx の HTML タグの自動補完 (Sublime Text) 質問する

react/jsx コードの html タグにオートコンプリートを使用できるようにしたいと思います。html ファイルの場合と同じように機能します。sublime text 3 を設定して、jsx ファイルのタグのオートコンプリートを有効にすることはできますか?

ベストアンサー1

/に付属する のキーバインディングをコピーして少し変更することで、Sublime の組み込みタグ closer を JSX で有効にできることに注目してくださいDefault.sublime-package。カスタム キーマップに以下を追加します。

{ "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" }
  ]
}

Babelパッケージを使用している場合、セレクタはmeta.jsx.jsJSX構文と一致し、タグを閉じる動作を有効にします。スコープ名は他のパッケージでは異なる場合がありますが、その場合は次のように使用できます。スコープハンター優先する JSX 構文によって適用されるスコープを検査します。

おすすめ記事