vscode使用vetur/eslint插件实现代码的自动化格式和修复
文件 -》 首选项 -》设置 -》用户 -》setting.json
{
"eslint.options": {
"extensions": [
".js",
".vue",
".html",
".ts"
]
},
"eslint.validate": [
"javascript",
"html",
"vue",
"typescript"
],
"eslint.codeAction.disableRuleComment": {},
"eslint.alwaysShowStatus": true,
// 开启eslint检测
"eslint.codeAction.showDocumentation": {
"enable": true
},
"emmet.excludeLanguages": [
"markdown"
],
// 保存fix
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// 代码缩进
"editor.tabSize": 2,
// 保存自动格式化
"editor.formatOnSave": true,
// 自动换行
"editor.wordWrap": "on",
// 在方法括号间添加空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// html代码格式化
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto"
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": true,
"wrapAttributes": false,
"sortAttributes": false
},
"prettier": {
// 结尾不添加分号
"semi": false,
// 强制单引号
"singleQuote": true,
// 数组对象结尾不要添加逗号
"trailingComma": "none"
}
}
}
.eslintrc.js配置文件
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential',
'@vue/standard',
'@vue/typescript/recommended'
],
parserOptions: {
ecmaVersion: 2020
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'space-before-function-paren': 0,
// 强制单引号
'quotes': [2, 'single'],
// 强制语句末尾的分号
'semi': [2, 'always'],
// 强制缩进为2个空格
'indent': [2, 2],
// 数组,对象最后不要添加逗号
'comma-dangle': ['error', 'never'],
// 最后一行换行结束
'eol-last': ['error', 'always'],
//不能有声明后未被使用的变量或参数
'no-unused-vars': [0, { 'vars': 'all', 'args': 'after-used' }],
// callback允许使用参数
'standard/no-callback-literal': 0
}
}
网友评论