vue cli3.x中使用ESlint,及保存自动规范

1.1 使用cli3.x搭建项目时,(*) Linter / Formatter

1.2 选择ESLint + Prettier

1.3 eslint配置文件独立文件放置

2.1 vscode中下载插件,eslint,prettier-Code formatter,vetur 这三个插件必须安装,保存自动规范的插件

3.1 开始->首选项->设置，找到settings.json,把下面代码复制粘贴到settings.json中，之后记得关掉重启vs code !!!

{
    "workbench.iconTheme": "vscode-icons",
    // "files.autoSave": "afterDelay",
    "liveServer.settings.CustomBrowser": "chrome",
    // "editor.formatOnSave": true,
    "html.format.indentInnerHtml": true,
    "html.format.indentHandlebars": true,
    "eslint.format.enable": true,
    "prettier.requirePragma": true,
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    //分号
    "prettier.semi": false,
    //单引号包裹字符串
    "prettier.singleQuote": true,
    //html格式化依赖  默认为none
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    //函数前加空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    //没有下边这个 上边不生效
    "vetur.format.defaultFormatter.js": "vscode-typescript"
}