eslint+vuter+prettier 自动格式化代码配置
{
"workbench.editor.enablePreview":
false,
//打开文件不覆盖
"search.followSymlinks":
false,
//关闭rg.exe进程
"editor.minimap.enabled":
false,
//关闭快速预览
"liveServer.settings.donotShowInfoMsg":
true,
//关闭liveserver提示
"files.autoSave":
"afterDelay",
//打开自动保存
"editor.fontSize":
16,
//设置文字大小
"editor.lineHeight":
24,
//设置文字行高
"editor.lineNumbers":
"on",
//开启行数提示
"editor.quickSuggestions": {
//开启自动显示建议
"other":
true,
"comments":
true,
"strings":
true
},
"workbench.colorTheme":
"Darcula Theme from IntelliJ",
//指定工作台中使用的颜色主题
"window.zoomLevel"
:
0
,
// 调整窗口的缩放级别
"editor.tabSize":
2,
//制表符符号eslint
"editor.formatOnSave":
true,
//每次保存自动格式化
"eslint.autoFixOnSave":
true,
// 每次保存的时候将代码按eslint格式进行修复
"prettier.eslintIntegration":
true,
//让prettier使用eslint的代码格式进行校验
"prettier.semi":
false,
//去掉代码结尾的分号
"prettier.singleQuote":
true,
//使用带引号替代双引号
"javascript.format.insertSpaceBeforeFunctionParenthesis":
true,
//让函数(名)和后面的括号之间加个空格
"vetur.format.defaultFormatter.html":
"js-beautify-html",
//格式化.vue中html
"vetur.format.defaultFormatter.js":
"vscode-typescript",
//让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes":
"force-aligned"
//
属性强制折行对齐
}
},
"eslint.validate": [
//开启对.vue文件中错误的检查
"javascript",
"javascriptreact",
{
"language":
"html",
"autoFix":
true
},
{
"language":
"vue",
"autoFix":
true
}
],
}
在.eslintrc.js添加
'no-unreachable'
:
0 //防止使用swtich语句 语法检查报错
注意：eslint， prettier-Code formatter ，vetur 这三个插件必须安装，其他的插件根据自己的习惯
2020年最新配置：
{
"workbench.editor.enablePreview": false, //打开文件不覆盖
"editor.minimap.enabled": false, //关闭快速预览
"files.autoSave": "afterDelay", //打开自动保存
"editor.formatOnSave": true, //每次保存自动格式化
"editor.codeActionsOnSave": { // 每次保存的时候将代码按eslint格式进行修复
"source.fixAll.eslint": true
},
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
"vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned" //属性强制折行对齐
}
},
"workbench.colorTheme": "Darcula Theme from IntelliJ",
}.prettierrc
{
"eslintIntegration": true, //让prettier使用eslint的代码格式进行校验
"semi": false, //去掉代码结尾的分号
"singleQuote": true //使用带引号替代双引号
}
插件：
