关于vscode更新后格式保存后出现的问题

chen_vae

于 2019-11-29 19:07:52 发布

阅读量2.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vscode更新 settings配置 vscode配置

本文链接：https://blog.youkuaiyun.com/chen_vae/article/details/103316470

8 篇文章

订阅专栏

本文介绍如何通过修改VSCode的settings.json文件，解决Vue项目中常见的代码格式化问题，包括函数后空格被删除、代码缩进不一致及单引号自动转换为双引号等问题。同时，提供了禁用自动格式化和ESLint配置的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改settings.json文件配置

1.格式化后函数后空格被删问题

"vetur.format.defaultFormatter.js": "vscode-typescript", 
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,

2.代码缩进

"vetur.format.options.tabSize": 4,

3.单引号保存后变为双引号

"prettier": {
    // Prettier option here
     "semi": false,
     "singleQuote": true //单引号问题
    }
  },

还有粗暴的解决方式：

1、在webpack.config.js中去除ESlint在文件中的配置代码就可以了，如果是在vue项目中，我们需要打开项目根目录下的build文件夹并且打开该文件夹下的webpack.base.conf.js文件，然后去除ESlint在文件中的配置代码就可以了

2、修改如下配置

{
    "editor.formatOnType": false,
    "editor.formatOnSave": false
}

如果保存后还是会出现保存时格式格式化代码问题，需要禁用JS-CSS-HTML Formatter 插件后完美运行，要格式化时 Alt+shift+f 进行格式化