react vscode

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