配置Eslint 保存自动格式化

Eslint 是用来统一JavaScript代码风格的工具，不包含css、html等。 接下来在项目实战中，使用的是 JavaScript Standard Style 代码风格。 具体规则要求： https://standardjs.com/readme-zhcn.html

 

Eslint的校验有两种情况

第一种：会在代码保存时进行校验，但是只会在控制台进行提示。-`vue-cli自带`

第二种，使用vscode的插件，可以在编写代码时校验，提示错误，并且自动保存修复错误。通过vscode进行配置` (只有在项目配置了 eslint 的前提下才有效)

配置自动保存格式化ESlint规范

1. 安装插件

2. 打开vscode配置文件 settings.json, 写入json配置

3. 屏蔽默认自动保存和其他格式化工具

4. 可能出错的注意点 (右下方的 eslint 显示红色, 需要允许)

    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue",
            ".jsx",
            ".tsx"
        ]
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },