效果:

在这里插入图片描述
本文用 Vue 项目做示范。

安装插件 ESLint
在这里插入图片描述
然后 File -> Preference -> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 用户),
在这里插入图片描述
搜索 eslint,点击 Edit in setting.json
在这里插入图片描述
将以下选项添加到配置文件
vscode 2020之前版本

"eslint.autoFixOnSave": true,
"eslint.validate": [
    {
        "language": "vue",
        "autoFix": true
    },
    {
        "language": "html",
        "autoFix": true
    },
    {
        "language": "javascript",
        "autoFix": true
    },
    {
        "language": "typescript",
        "autoFix": true
    },
],

vscode 2020版

   "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true,
    },
Logo

前往低代码交流专区

更多推荐