博客

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

  • Post author:
  • Post category:vue


不知道大家有没有遇到这种情况

写好了代码

在这里插入图片描述

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

在这里插入图片描述

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

  1. 在项目根文件夹新建一个名为 .prettierrc 的文件
  2. 在 .prettierrc 文件中进行配置，里面写json格式 
{
  "semi": false,   //格式化时不加分号
  "singleQuote": true   //启动单引号格式化的方式
}

然后我们再来格式化代码

双引号变成了单引号，并且分号也去掉了，这样就符合 eslint 语法规范了

在这里插入图片描述


版权声明：本文为weixin_45745641原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。