ESLint插件自动格式化操作步骤

第一步: 安装插件

• ESLint (语法检测)
• Prettier ESLint (进行格式化)

第二步: 修改默认格式化插件

• 右键,选择→使用...格式化文档

• 把Prettier ESLint 设为默认格式化插件,最好把其他格式化插件卸载掉

第三步 实现格式化

法1: 右键选择→格式化文档

法2: 在终端或者小黑窗口 yarn lint 或 npm run lint

法3: Ctrl+S 实现自动保存和格式化

• 文件→首选项→设置

• 点击左侧用户(如果点击工作区,只应用当前工作项目) ,打开右侧设置JSON图标

• 将以下配置粘贴进设置 JSON 文件中(注意最外面的一层花括号不要复制进去了)

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