Emmet: jsxでの自己終了タグの略語

これに対する解決策を見つけましたか？ 同じ船の中。

JSXのカスタムリゾルバーが必要なため、大文字の略語を空のタグに解決できます。

ロジャー。 それが私が探していたキーワードです。 構築方法に関する他の投稿をいくつか見つけました。 ありがとう！

最も簡単な解決策は、デフォルトのショートカットを使用することです。

Component ---> ctrl+eまたはtab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

@deathmoodこれについて詳しく説明して

ctrl+shift+ ~はここでは（アトムを使用して）効果がなく、終了タグのペアを自己終了のタグペアに変換する組み込みコマンドはありません。

@brummこれはsplit/join tagアクションhttp://docs.emmet.io/actions/split-join-tag/です。 それは崇高に機能します。

Mac用のSublime3では、 split/join tagのデフォルトのホットキーはCommand + Shift + ' （一重引用符）です。

ただし、それでも複数のタグには不便です。 たとえば、 TabBar>TabItem*10展開し、 <TabItem />を自動で閉じます。 そして今、私はカーソルを動かして上のホットキーを10回押す必要があります。 それは非常識です。

アトムではCommand + Shift + j実行できます

私はJSXの作成にemmetを使用していますが、emmetを使用してフォームを循環させることができれば、非常に便利です。
EGが繰り返しctrl+eを押すと、次のように循環します。
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

これにより、機能の学習/発見も非常に簡単になると思います。

これがemmetリポジトリに属しているのか、atomプラグインリポジトリに属しているのかわかりません。これをhttps://github.com/emmetio/emmet-atom/issues/408にクロス投稿しました

vscodeはどうですか？ ctrl+eとctrl+shift+ ~どちらも機能しません

WebstormにはすでにAppComponet/ TAB => <AppComponent />

VSCodeの場合も

hello-world/ TAB => <hello-world>
だから私は自分で/を書かなければなりませんが、うまくいきます:)

VSCodeの場合：
キーボードショートカットで分割/結合を検索します。 エメットオプションが表示されます。 好きなキーに設定できます。

今後のv2は、自己閉鎖要素を出力するためのelem/構文をサポートします

VSCodeの場合も

hello-world/ TAB => <hello-world>
だから私は自分で/を書かなければなりませんが、うまくいきます:)

それはうまくいきます、素晴らしい