vscode配置保存时就效验eslint

首先需要在组件里面按照eslint组件

然后在setting.json里面这样配置就可实现保存时自动效验

{

"workbench.colorTheme": "Default Light+",

"fileheader.tpl": "/* * @Author: {sunzhiting} * @Date: {createTime} * @Last Modified by: {lastModifiedBy} * @Last Modified time: {updateTime} */",

"workbench.tree.indent": 4,

"editor.fontSize": 16,

"[css]": {

"editor.defaultFormatter": "esbenp.prettier-vscode"

},

"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",

"vsicons.dontShowNewVersionMessage": true,

"[javascript]": {

"editor.defaultFormatter": "vscode.typescript-language-features"

},

"sync.gist": "de03354cf5f59830f71199f46e942034",

"git.autofetch": true,

"workbench.iconTheme": "vscode-icons",

}