1、vue代码高亮插件Vetur
打开文件-首选项-设置
在settings.json中编辑，配置如下代码：
"files.associations": {
"*.wyp": "vue",
"*.vue": "vue"
},
重新加载，如果遇到，高亮不能显示的问题，可选择安装另一个版本试试。
2、生成头文件注释和函数注释korofileheader
看到别人写的代码都有好看的注释，感觉很厉害的样子，找到这个插件，自动生成注释很好用。
可根据自己公司代码注释规范进行配置。步骤如第一条，在settings.json中配置如下：
//配置新建文件注释和方法注释
"fileheader.configObj": {
"createFileTime": true,//设置为true则为文件新建时候作为date，否则注释生成时间为date
"autoAdd": true,//自动生成注释，老是忘记的同学可以设置
"annotationStr": {
"head": "/*",
"middle": " * @",
"end": " */",
"use": true//设置自定义注释可用
},
"headInsertLine": {
"php": 2
}
},
"fileheader.cursorMode": {
"description":"",
"param ":"",
"return":""
},
"fileheader.customMade": {
"Description":"" ,//文件内容描述
"Author":"yanghui",//编辑人
"Date": "Do not edit",//时间
"LastEditTime": "Do not edit",
"LastEditors": "yanghui",
}
快捷键：
函数注释ctrl+alt+t
文件头部注释：ctrl+alt+i
3、保存自动代码格式化esLint
保存完自动格式化代码真的是太有好了，再也不用手动格式化代码了。
添加如下配置就可以根据自己的项目中.eslintrc.js中的配置进行自动格式化了。
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
}
4、项目中使用git 这两个插件必备 GitLens Git History
好用之处自行体会吧
image.png
image.png
image.png
还有好多好用的插件，工作中慢慢总结吧！
