vscode eslint 自动格式化设置
1.需要安装的插件
- eslint
- vetur
- prettier
- koroFileHeader (可不装,只是用来自动填写文件头的)
2.vscode 配置
在 vscode 设置里面打开 setting.json,加入以下配置代码
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html",
},
"prettier.semi": true,
"fileheader.customMade": {
"Author": "dangrenning",
"Date": "Do not edit",
"Description": ""
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
},
"prettyhtml": {
"printWidth": 200,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
},
"prettier": {
"semi": false,
"singleQuote": true
}
},
"vetur.format.defaultFormatter.css": "prettier",
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatter.ts": "vscode-typescript",
"eslint.format.enable": true,
"eslint.run": "onSave",
"eslint.lintTask.enable": true,
"eslint.workingDirectories": [],
"eslint.validate": [
"javascript",
"css",
"html",
"json",
"vue",
{
"language": "vue",
"autoFix": true
}
],
"files.associations": {
"*.vue": "vue",
"*.wxml": "html",
"*.wxss": "css",
"*.cjson": "jsonc",
"*.wxs": "javascript",
"*.js": "javascript",
"*.plist": "json"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
}