崇高なテキスト3では、JSXでHTMLのオートコンプリートを有効にするには

Question

サブライムテキスト3では、JSXのHTMLコードの構文ハイライトにBabelパッケージがあります。

しかし、render()ブロック内にラップされたものなど、HTMLコードに自動補完はありません。 HTMLコードの自動補完を有効にするにはどうすればよいですか？

Answer 1

多くのあなたの崇高なテキストのプラグインに依存するので、これは答えにくいです。

JSのフォーマットとEmmetなどのHTMLパッケージでBabelを使用している場合は、問題ありません。状況によっては "タブ"が機能しないかもしれませんが、Emmet CTRL + eはクラスの代わりに適切な "className"を使用しても部分タグを展開します。

Answer 2

JSXコンポーネント内でオートコンプリートを行うには、Emmetプラグインが必要です。

パッケージコントローラを使用してEmmetをインストールします。他のEmmet機能のなかでも、タグの名前を書いた直後に、Ctrl+Eを押すと、それは開閉タグのペアに変換されます。あなたがTabボタンを使用する場合は、パッケージの設定に追加することにより、基本的なエメットの設定を変更する必要があります - >エメット - >キーバインディング（ユーザー）JSONドキュメントのように：

[ 
    {"keys": ["tab"], "command": "expand_abbreviation_by_tab", "context": 
    [ 
    { "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" }, 
    { "match_all": true, "key": "selection_empty" }, 
    { "operator": "equal", "operand": false, "match_all": true, "key": "has_next_field" }, 
    { "operand": false, "operator": "equal", "match_all": true, "key": "auto_complete_visible" }, 
    { "match_all": true, "key": "is_abbreviation" } 
    ] 
} 
] 

Tab autocompletitionですこのスクリプトはEmmetにこれを認識させ、JSXファイルの範囲内で自動完成を許可します