VSCode中编写Vue项目使用Eslint+Prettier格式化,会自动加上分号 空格 单引号变双引号问题

时间:2024-05-19 15:25:53

近期在使用Vue写项目使用Prettier格式文档时发现格式过后会自动加上分号 空格 单引号变双引号问题,这样一保存ESlint就会出现报错!
网上找了好多教程各种改配置并不能解决问题!!!
一.在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后也不能生效。如下图:
VSCode中编写Vue项目使用Eslint+Prettier格式化,会自动加上分号 空格 单引号变双引号问题

二.搜网上的更改setting.json配置还是不能解决问题VSCode中编写Vue项目使用Eslint+Prettier格式化,会自动加上分号 空格 单引号变双引号问题
![在这里插入图片描述](https://img-blog.****img.cn/20200229001828850.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Rpemlhbm9f,size_16,color_FFFFFF,t_70
三.如果遇到同样的问题可以尝试在项目的根目录下创建一个.prettierrc文件夹,在文件夹中添加这两个选项即可
{
“semi”: false,
“singleQuote”: true
}
VSCode中编写Vue项目使用Eslint+Prettier格式化,会自动加上分号 空格 单引号变双引号问题
注意要安装了prettier插件和exlint 格式化shift+alt+f时会弹出弹窗选prettier
就搞定了!