关于用vscode编写jsx问题

Question

用vscode写react项目时，发现render()中写JSX语法时，不能像在正常html文件中那样，快速补全html标签，如我要li*4 然后tab，不行。

这样写真的好慢。。要逐个标签敲。。头尾标签都要。。。

刚从sublime转过来vscode，要装什么插件才可以使jsx支持像emmet那样的写法呢？谢谢！

Answer 1

经@elten 的提示，找到了解决办法，在vscode设置里设置 "emmet.triggerExpansionOnTab": true

Answer 2

我的vscode版本1.20，按照高票答案@JUST_的方法试了下没有生效，但是在配置文件中配置

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
}

后成功了。

Answer 3

1、自1.15.0版本开始，vscode的tab展开emmet就被调整了（至少我不适应，降版本到1.14.0了）；
2、我将*.jsx文件关联为JavaScript React，然后在首选项中配置了这个：

"emmet.syntaxProfiles": {
    "JavaScript React": "jsx"
}

3、配合插件Sublime Babel更棒

Answer 4

VSCode 自带 Emmet 的，不过快捷键默认不是 tab 。你可以进入设置搜索 emmet ，然后将快捷键改为 tab 即可。

Answer 5

vscode react jsx不能折叠的问题，设置一下就可以了：
"editor.foldingStrategy": "indentation",

Answer 6

感谢各位~
另外问下有没有插件可以像ide一样 修改前面的标签名结尾的标签名也跟着修改的

Answer 7

上面得方法全都试过了，依然不能补全

Answer 8

上面的回答都试了一下，没有用