一、介绍:
最简洁 能用版 后续会改良 直接看图 跟着操作
二、安装:
三、.prettierrc 配置文件 (根目录下的.prettierrc.json文件与src同级)
.prettierrc.json 是 Prettier 格式化工具的配置文件,用于指定代码格式化的规则和风格。下面是一些可能的配置选项:
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"singleQuote": true,
"quoteProps": "as-needed",
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "always",
"requirePragma": false,
"insertPragma": false,
"proseWrap": "preserve",
"htmlWhitespaceSensitivity": "css",
"vueIndentScriptAndStyle": false,
"endOfLine": "auto",
"semi": true,
"overrides": [
{
"files": "*.json",
"options": {
"tabWidth": 4
}
},
{
"files": "*.md",
"options": {
"printWidth": 100
}
}
]
}
可以根据自己的项目需求和个人喜好,选择适合的配置选项。请注意,在项目中创建或修改 .prettierrc.json 文件后,确保您的 IDE 或编辑器已配置为使用 Prettier 进行代码格式化。
此外,还有一些高级配置选项可以进一步调整 Prettier 的行为。您可以在 Prettier 的官方文档中查找更多详细信息和配置选项
参考: vscode Prettier安装及配置_vscode prettier配置-优快云博客