使用Vscode+Eslint插件解决保存时的格式错误

使用Vscode+Eslint插件解决保存时的格式错误

1.问题说明：

在使用vue脚手架创建项目时，运行serve输出警告：函数前存在多余空格，代码末尾缺乏空行问题。
在Vscode中对应进行删除空格和添加空行后，保存文件时修改内容恢复原有保存样式，即存在保存冲突现象。

2.解决办法：

2.1Vscode配置：
如图搜索eslint插件并安装

2.2项目文件配置：
在使用脚手架创建项目过程中，配置中勾选Linter/Formatter选项，在项目根目录中查找.eslintrc.js文件，在module.exports={ rules: { } } 内添加如下代码：

"eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
 "eslint.validate": [
    "javascript",  //  用eslint的规则检测js文件
    {
      "language": "vue",   // 检测vue文件
      "autoFix": true   //  为vue文件开启保存自动修复的功能
    },
    {
      "language": "html",
      "autoFix": true
    },
  ]

保存文件即可。