vscode 配置 eslint + prettier冲突问题

游魂
  • 263

环境:

  • 使用最新的vue-cli生成的vue项目,选择的 eslint+prettier
  • 最新版vscode 1.28.2

直接在工作区设置的,内容如下

{
    "folders": [{
        "path": "D:\\Demo\\Vue\\vue-cli3"
    }],
    "settings": {
        //.vue文件template格式化支持,并使用js-beautify-html插件
        "vetur.format.defaultFormatter.html": "js-beautify-html",
        //js-beautify-html格式化配置,属性强制换行
        "vetur.format.defaultFormatterOptions": {
            "js-beautify-html": {
                "wrap_attributes": "force-aligned"
            }
        },
        //根据文件后缀名定义vue文件类型
        "files.associations": {
            "*.vue": "vue"
        },
        //保存时eslint自动修复错误
        "eslint.validate": [
            "javascript",
            "javascriptreact",
            "vue",
            "html",
            "jsx",
            {
                "language": "vue",
                "autoFix": true
            }
        ],
        "eslint.autoFixOnSave": true,
        //开启 eslint 支持
        "prettier.eslintIntegration": true,
        //使用单引号
        "prettier.singleQuote": true,
        //结尾不加分号
        "prettier.semi": false,
        "editor.formatOnSave": true,
    }
}

参考了文章:https://monkeywie.github.io/2...

现在就是如下图效果图片描述 (一直按保存)

回复
阅读 5.6k
2 个回答
✓ 已被采纳

自己解决了,beautify会占用格式化的快捷键。。。禁用掉就好了

稻草人
  • 4
新手上路,请多包涵

clipboard.png

我不会这样,虽然最后格式都是正常的,但是每次保存代码都会闪一下,

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏