Visual studio code VSCode中自定义JSX组件的选项卡快捷方式

我刚刚从Atom切换到VSCode

当我使用Atom并在

.js

文件中键入JSX时，我可以键入任何内容，然后按

tab

，它会将我的选项卡变成一个自定义组件。例如，

asdf

然后

tab

将给出

现在我有了VSCode和Emmet，但这只在某些时候起作用。我用Emmet做过实验，除了基本的自定义组件外，其他一切都能正常工作

所有HTML标记都按预期工作。i、 e

div.blue

和

选项卡

返回

嵌套工作

asdf>jkl

&

tab

return

<asdf>
    <jkl></jkl>
</asdf>

---

我找到了答案。在设置中添加

“emmet.triggereExpansionTab”：true

，它将按照我希望的方式工作。默认情况下，它被设置为

false

{
    "editor.formatOnSave": true,
    "editor.tabSize": 2,
    "editor.wordWrap": "on",
    "prettier.singleQuote": true,
    "prettier.jsxBracketSameLine": true,
    "prettier.semi": false,
    "prettier.useTabs": true,
    "html.format.indentInnerHtml": true,
    "workbench.colorTheme": "Base16 Tomorrow Dark",
    "liveServer.settings.donotShowInfoMsg": true,
    "window.zoomLevel": 0.5,
    "editor.fontSize": 11,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    }
}