VScode 开发Vue EsLint和Format 保存冲突问题

最新推荐文章于 2025-04-09 12:08:33 发布

远方的原

最新推荐文章于 2025-04-09 12:08:33 发布

阅读量487

点赞数

分类专栏： Vue 文章标签： vscode vue.js javascript

本文链接：https://blog.youkuaiyun.com/qq_44890362/article/details/123051886

版权

Vue 专栏收录该内容

3 篇文章

订阅专栏

将下面配置写到setting.json 里面：

{
    "eslint.codeActionsOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "eslint.nodePath": "",
    "prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验
    "prettier.semi": false, //去掉代码结尾的分号
    "prettier.singleQuote": true, //使用带引号替代双引号
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
    "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
    "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned" //属性强制折行对齐
        }
    },
    "terminal.integrated.defaultProfile.windows": "Git Bash"
}