解决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 进行格式化

相关文章