VSCode以eslint风格自动格式化代码(2020)

效果:

VSCode以eslint风格自动格式化代码(2020)_第1张图片
本文用 Vue 项目做示范。

安装插件 ESLint
VSCode以eslint风格自动格式化代码(2020)_第2张图片
然后 File -> Preference -> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 用户),
VSCode以eslint风格自动格式化代码(2020)_第3张图片
搜索 eslint,点击 Edit in setting.json
VSCode以eslint风格自动格式化代码(2020)_第4张图片
将以下选项添加到配置文件
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,
    },

你可能感兴趣的:(vue)