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