最近遇到了一个有关vscode使用prettier的格式化代码问题,当我保存时,自动格式化代码,但是总会加上多余的分号和逗号,并且<template></template>
中结尾的>
也会出现下落等问题,在网上找了很多解决办法都没有解决掉。最终通过这一篇文档解决问题。原来是格式化规则代码在不同文件不同位置时优先级不同的问题。链接及具体位置如下:
- prettier配置指南
- 附我自己的vscode配置文件settings.json(生活不易,没积分的留言联系我,有积分的支持一下吧😁)
具体说明如图所示。当我在项目的package.json文件中写入如下代码后,困扰我很久很久的自动格式化问题就完全解决掉了!泪目了😭
"prettier": {
"singleQuote": true, // 使用单引号
"printWidth": 115,
"proseWrap": "always",
"semi": false, // 不加分号
"trailingComma": "none", // 结尾处不加逗号
"htmlWhitespaceSensitivity": "ignore" // 忽略'>'下落问题
},