mac:【shift】+【option】+【f】
win:【shift】+【alt】+【f】
选择其中之一
点击右上角的文件切换图标,可以切换到setting.json
setting.json
添加设置
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
{{ itemc.name }}
在项目根目录新建文件.prettierrc
{
"printWidth": 200
}
或在setting.json
添加设置
//配置对 .vue 文件的格式化
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.printWidth": 200, // 超过最大值换行
其他属性
"prettier.enable": true,
"prettier.semi": false, // 句尾添加分号
"prettier.singleQuote": true, // 使用单引号代替双引号
"prettier.printWidth": 100, // 超过最大值换行
"prettier.tabWidth": 4, // 缩进字节数
"prettier.useTabs": false, // 缩进不使用tab,使用空格
{{ itemc.name }}
"[vue]": {
"editor.defaultFormatter": "Vue.volar"
},
{{ itemc.name }}
{
"editor.fontSize": 14,
"debug.console.fontSize": 14,
"terminal.integrated.fontSize": 14,
// 使用主题
"workbench.colorTheme": "Solarized Light (no bold)",
"window.openFilesInNewWindow": "on",
//配置对 .vue 文件的格式化
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.printWidth": 200, // 超过最大值换行
// "[vue]": {
// "editor.defaultFormatter": "Vue.volar"
// },
//配置对 .ts 文件的格式化
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
//配置对 .js 文件的格式化
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
//配置对 .json 文件的格式化
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[xml]": {
"editor.defaultFormatter": "DotJoshJohnson.xml"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.codeActionsOnSave": null,
"workbench.editorAssociations": {
"*.woff2": "default",
"*.vsdx": "default",
"*.sqlite": "default"
},
"[python]": {
"editor.formatOnType": true
},
"git.autofetch": true,
"markdown-pdf.breaks": true,
"window.zoomLevel": 0.5,
}