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 版权协议,转载请附上原文出处链接和本声明。