1、vue代碼高亮插件Vetur

打開文件-首選項(xiàng)-設(shè)置

在settings.json中編輯，配置如下代碼：

"files.associations": {
        "*.wyp": "vue",
        "*.vue": "vue"
    },

重新加載，如果遇到，高亮不能顯示的問題，可選擇安裝另一個版本試試。

2、生成頭文件注釋和函數(shù)注釋korofileheader

看到別人寫的代碼都有好看的注釋，感覺很厲害的樣子，找到這個插件，自動生成注釋很好用。
可根據(jù)自己公司代碼注釋規(guī)范進(jìn)行配置。步驟如第一條，在settings.json中配置如下：

//配置新建文件注釋和方法注釋
    "fileheader.configObj": {
        "createFileTime": true,//設(shè)置為true則為文件新建時候作為date，否則注釋生成時間為date
        "autoAdd": true,//自動生成注釋，老是忘記的同學(xué)可以設(shè)置
        "annotationStr": {
        "head": "/*",
        "middle": " * @",
        "end": " */",
        "use": true//設(shè)置自定義注釋可用
        },
        "headInsertLine": {
        "php": 2
        }
    },
    "fileheader.cursorMode": {
        "description":"",
        "param ":"",
        "return":""
    },
    "fileheader.customMade": {
        "Description":"" ,//文件內(nèi)容描述
        "Author":"yanghui",//編輯人
        "Date": "Do not edit",//時間
        "LastEditTime": "Do not edit",
        "LastEditors": "yanghui",
    }

快捷鍵：
函數(shù)注釋ctrl+alt+t

文件頭部注釋：ctrl+alt+i

3、保存自動代碼格式化esLint

保存完自動格式化代碼真的是太有好了，再也不用手動格式化代碼了。
添加如下配置就可以根據(jù)自己的項(xiàng)目中.eslintrc.js中的配置進(jìn)行自動格式化了。

"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
}

4、項(xiàng)目中使用git 這兩個插件必備 GitLens Git History

好用之處自行體會吧

image.png

image.png

image.png

還有好多好用的插件，工作中慢慢總結(jié)吧！