一、规范篇
1.ESlint
js代码语法检测
注意事项
1、不要使用双引号
2、不要有多余的空行
3、尽量少打分号–额外分号
4、函数参数的逗号后要有空格
5、函数名字与括号之间要有空格
6、vue文件的name首字母大写
配置保存自动格式化
文件 > 首选项 > 设置 >搜索settings.json >加入以下配置
{
"editor.tabSize": 2,
"files.associations": {
"*.vue": "vue"
},
"eslint.autoFixOnSave": true,
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",{
"language": "vue",
"autoFix": true
},"html",
"vue"
],
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/dist": true
},
"emmet.syntaxProfiles": {
"javascript": "jsx",
"vue": "html",
"vue-html": "html"
},
"git.confirmSync": false,
"window.zoomLevel": 0,
"editor.renderWhitespace": "boundary",
"editor.cursorBlinking": "smooth",
"editor.minimap.enabled": true,
"editor.minimap.renderCharacters": false,
"editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
"editor.codeLens": true,
"editor.snippetSuggestions": "top",
}
2.vue-beautify
格式化代码的工具 Shift+Alt+F
备注:eslint 和 vue-beautify 配合 Shift+Alt+F Ctr+S简直完美了
3.HTMLHint
4.vetur 语法高亮、智能感知、Emmet 等
5.VueHelper vue文件基本结构提示
6.Vue VSCode Snippets 很全面的vue代码片段
二、提示篇
1.colorize 颜色提示
2. Path Intellisense 文件路径提示
3.Import Cost 查看import的文件大小
4.BreadCrumb in StatusBar 在路径搜索查询文件
5.Document this 注释提示 /** tab
6.fileheader ctrl+alt+i
顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间