1.代码自动补全
第一步:点击上图左下角设置,找到Settings,搜索includeLanguages
第二步:如上图点击图中红色区域,settings.json
第三部:把代码加入,如上图红色选择区域。
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}
最后重启vsc,就可以react自动补全html标签啦。
2.代码块设置
在vscode中找到并安装这个插件
编写代码rcc+tab键就可以生成有状态的组件代码块
3.react 代码格式化
这里我们使用prettier,如果安装过其它格式化插件建议卸载,个人感觉一个就够用了,好多插件会弄的有点混乱
配置设置
在设置中随便选一个对settings.json进行编辑
加入如下代码
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.formatOnPaste": true