11.16 VS Code 常用配置

用户设置配置如下：C:\\Users\\用户名\\AppData\\Roaming\\Code\\User\\settings.json

{
 // 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": "aligned-multiple"
 },
 "prettier": {
 "singleQuote": true,
 "semi": false,
 "printWidth": 100,
 "wrapAttributes": false,
 "sortAttributes": false
 }
 }
}

配置以上代码后，vscode会自动格式化代码 前提是安装了 Vetur 、 prettier、 扩展插件

閱讀更多 無限雲科技 的文章

關鍵字: 配置 HTML