首页 > 其他 > 详细

react vscode

时间:2021-07-01 12:08:24      阅读:14      评论:0      收藏:0      [点我收藏+]

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

react vscode

原文:https://www.cnblogs.com/teahouse/p/14957941.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!