vscode + prettier settings文件好用的配置
时间: 2023-12-30 19:05:08 浏览: 142
以下是我个人常用的 VS Code 和 Prettier 的配置:
1. VS Code 配置:
```
{
"editor.formatOnSave": true,
"files.insertFinalNewline": true,
"files.trimTrailingWhitespace": true,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"editor.wordWrapColumn": 80,
"editor.renderWhitespace": "boundary",
"workbench.editor.enablePreview": false,
"workbench.editor.enablePreviewFromQuickOpen": false
}
```
解释:
- `editor.formatOnSave`:保存文件时自动格式化代码
- `files.insertFinalNewline`:文件末尾添加一个空行
- `files.trimTrailingWhitespace`:删除每行末尾的空格
- `editor.tabSize`:制表符宽度为两个空格
- `editor.wordWrap`:自动换行
- `editor.wordWrapColumn`:每行最大字符数为 80 个字符
- `editor.renderWhitespace`:显示空格和制表符
- `workbench.editor.enablePreview`:禁用文件预览
- `workbench.editor.enablePreviewFromQuickOpen`:禁用快速打开文件预览功能
2. Prettier 配置:
```
{
"singleQuote": true,
"trailingComma": "all",
"printWidth": 80,
"tabWidth": 2,
"semi": false
}
```
解释:
- `singleQuote`:使用单引号而不是双引号
- `trailingComma`:在对象和数组最后一个元素后添加逗号
- `printWidth`:每行最多 80 个字符
- `tabWidth`:制表符宽度为两个空格
- `semi`:不使用分号作为语句结束符
以上是我个人常用的配置,你可以根据自己的需求进行修改。
阅读全文