我的vscode必备插件

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

还有好多好用的插件，工作中慢慢总结吧！