0

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

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

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

6个回答

11

已采纳

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

18

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

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

后成功了。

2

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

1

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

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

3、配合插件Sublime Babel更棒

0

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

0

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

该答案已被忽略,原因:

撰写答案