vscode的Prettier 插件如何配置
时间: 2023-07-18 16:46:02 浏览: 101
vscode 使用Prettier插件格式化配置使用代码详解
你可以按照以下步骤在 Visual Studio Code 的用户设置中配置 Prettier 插件:
1. 打开 Visual Studio Code 并打开用户设置(使用快捷键 Ctrl+, 或者点击菜单栏中的“文件”->“首选项”->“设置”);
2. 在搜索框中输入“Prettier”,然后找到“Prettier: Options”;
3. 点击“编辑 in settings.json”;
4. 在 settings.json 文件中添加你想要配置的 Prettier 选项,例如:
```json
"prettier.printWidth": 120,
"prettier.tabWidth": 4,
"prettier.useTabs": false,
"prettier.singleQuote": true,
"prettier.trailingComma": "es5",
"prettier.bracketSpacing": true,
"prettier.jsxBracketSameLine": false
```
这些选项包括代码行宽度、缩进宽度、是否使用 Tab 缩进、是否使用单引号、是否在对象字面量的末尾添加逗号等。
5. 保存 settings.json 文件。
完成上述步骤后,Prettier 插件将使用你在用户设置中配置的选项格式化代码。
阅读全文