常用插件
- Auto Close Tag 自动添加HTML / XML关闭标签
- HTML Snippets 代码自动填充
- JavaScript (ES6) code snippets es6代码片段
- Path Intellisense 路径自动补全
- Vetur Vue 语法高亮显示, 语法错误检查, 代码自动补全
(配合 ESLint 插件效果更佳)
- open in browser 打开默认浏览器
- px to rem px转rem (alt+shilt) 需要在设置中配置 （比如："px-to-rem.px-per-rem": 10,）
- Vue 2 Snippets
设置项
{
// VScode主题配置
"window.zoomLevel": 1,
// "fecs.en": true,
"editor.tabSize": 2,
//开启自动显示建议
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
},
// 是否允许自定义的snippet片段提示,比如自定义的vue片段开启后就可以智能提示
"files.trimTrailingWhitespace": true,
// VScode 文件搜索区域配置
"search.exclude": {
"**/dist": true,
"**/build": true,
"**/elehukouben": true,
"**/.git": true,
"**/.gitignore": true,
"**/.svn": true,
"**/.DS_Store": true,
"**/.idea": true,
"**/.vscode": false,
"**/yarn.lock": true,
"**/tmp": true
},
// 定义函数参数括号前的空格处理方式
"javascript.format.insertSpaceBeforeFunctionParenthesis": false,
"javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
// 排除文件搜索区域，比如node_modules(贴心的默认设置已经屏蔽了)
"files.exclude": {
"**/.idea": true,
"**/yarn.lock": true,
"**/tmp": true
},
// 配置文件关联，以便启用对应的智能提示，比如wxss使用css
"files.associations": {
"*.vue": "vue",
"*.wxss": "css"
},
// 是否开启eslint检测
"eslint.enable": true,
// 文件保存时，是否自动根据eslint进行格式化
"eslint.autoFixOnSave": true,
// eslint配置文件
"eslint.options": {
"plugins": [
"html",
"javascript",
"vue"
]
},
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
// eslint能够识别的文件后缀类型
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"html",
"vue"
],
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto" //属性不强制折行对齐
},
"prettier": {
"singleQuote": true
} //使用单引号而不是双引号, 且一定要写在vetur里面，否则prettier在vue文件中无法识别
},
"editor.formatOnSave": true, //保存时自动格式化
"prettier.eslintIntegration": true, // prettier进行格式化时是否安装eslint配置去执行，建议false
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
"javascript.updateImportsOnFileMove.enabled": "always",
"px-to-rem.px-per-rem": 10,
"files.autoSave": "afterDelay",
"editor.suggestSelection": "first",
"vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue"
}
