vscode自动格式化
vscode编辑器按格式保存
vscode自动按照固定格式保存。
步骤一
这里我们按照以下步骤找到要修改的文件
图片:
步骤二
将以下代码复制进setting.jason文件夹类(直接全选替换就行了)
.
{
// tab 大小为2个空格
"editor.tabSize": 2,
// 编辑器换行
"editor.wordWrap": "off",
// 保存时格式化
"editor.formatOnSave": true,
// 开启 vscode 文件路径导航
"breadcrumbs.enabled": true,
// prettier 设置语句末尾不加分号
"prettier.semi": false,
// prettier 设置强制单引号
"prettier.singleQuote": true,
// 选择 vue 文件中 template 的格式化工具
"vetur.format.defaultFormatter.html": "js-beautify-html",
// vetur 的自定义设置
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
},
"prettier": {
"singleQuote": true,
"semi": false,
"printWidth": 100,
"wrapAttributes": false,
"sortAttributes": false,
//禁止随时添加逗号
"trailingComma": "none"
}
},
"editor.fontLigatures": null,
"workbench.colorTheme": "Default Dark+"
}
最后再搜索自动保存并勾选自动保存,就大功告成了。