VSCode Eslint 自动保存 自动格式化 配置

字体主题安装vetur插件

先安装Eslint
然后一次打开文件-->首选项-->设置-->出现User Setting窗口

示例图.png

左边是默认用户配置 不能编辑改动，
右边才能编辑，找到需要配置的对应选项，copy到右边，改变值即可
自动保存，自动格式化如图

{
    "editor.fontFamily": "Monaco",
    "files.autoSave": "onFocusChange",
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",{
            "language": "vue",
            "autoFix": true
        },"html",
        "vue"
    ],
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
    "vue-html": "html",
    "vue": "html"
    } 
}

安装开发依赖包

"eslint-plugin-vue": "^4.5.0",
"eslint": "^4.15.0",
"eslint-config-standard": "^10.2.1",
"eslint-friendly-formatter": "^3.0.0",
"eslint-loader": "^1.7.1",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-node": "^5.2.0",
"eslint-plugin-promise": "^3.4.0",
"eslint-plugin-standard": "^3.0.1",
"babel-eslint": "^8.2.1"

安装VSCode插件