Vue cli3 创建项目后prettier格式化不生效

最近使用Vue CLI创建项目,按照之前的设定,使用standard eslint标准。在格式化的时候发现,引号变成了双引号,结尾的分号也给我自动加上了,格式化的时候也没法自动格式化,一直报错,百思不得其解,自己的vscode 的setting文件里,prettier设置的都是单引号,不要分号的,完全不知道哪里出错了。

关键时候还得Google,在prettier issue中发现了原因所在,prettier3.7以上会优先读取项目根目录下的editorconfig or prettier config,如果有,就不会使用vscode setting中的设置,所以最好每个项目都配置一个单独的 prettier 配置 文件。

并且在.editorconfig 中没法配置行末不加分号,所有,只能配置一个 prettier文件了。
我最终在项目下新建了一个 .prettierrc 文件,内容如下:

{
  "printWidth": 300,
  "tabWidth": 2,
  "singleQuote": true,
  "semi": false
}

解决了我的问题。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值