Vue中解决代码格式化和eslint语法格式的冲突问题

不知道大家有没有遇到这种情况
写好了代码

然后利用编译器进行格式化代码

这样，他就自动将单引号变成了双引号，并且在末尾加上了分号，这样是不符合 eslint 语法格式的，运行就会报错，那么下面来看看如何解决代码格式化与eslint冲突的问题

1. 在项目根文件夹新建一个名为 .prettierrc 的文件
2. 在 .prettierrc 文件中进行配置，里面写json格式

{
  "semi": false,   //格式化时不加分号
  "singleQuote": true   //启动单引号格式化的方式
}

然后我们再来格式化代码
双引号变成了单引号，并且分号也去掉了，这样就符合 eslint 语法规范了