1培廓、vue代碼高亮插件Vetur
打開文件-首選項-設(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ù)自己的項目中.eslintrc.js中的配置進(jìn)行自動格式化了附较。
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
}
4吃粒、項目中使用git 這兩個插件必備 GitLens Git History
好用之處自行體會吧
image.png
image.png
image.png
還有好多好用的插件，工作中慢慢總結(jié)吧拒课！
