如何解决vscode格式保存后出现的问题

这篇文章主要介绍了如何解决vscode格式保存后出现的问题，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

修改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 进行格式化

感谢你能够认真阅读完这篇文章，希望小编分享的“如何解决vscode格式保存后出现的问题”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!