VSCode - Beautify 插件配置

1. 在工作目錄下建立.jsbeautifyrc文件

官方文檔

{
   "brace_style": "none,preserve-inline", "indent_size": 2, "indent_char": " ", "jslint_happy": true, "unformatted": [""], "css": { "indent_size": 2 } } 

注釋

• brace_style，格式風格，詳見官方說明（為避免和eslint默認檢查沖突，建議此屬性設置為 none,preserve-inline）
• indent_size，縮進長度（為避免和eslint默認檢查沖突，建議此屬性設置為 2）
• indent_char，縮進填充的內容（充滿♂）
• jslint_happy:true，若你要搭配jslint使用，請開啟此選項
• unformatted:["a","pre"]，這里放不需要格式化的標簽類型。注意 template 也是默認不格式化的，.vue 的template 標簽如果需要格式化請在 .jsbeautifyrc 重新定義不帶 template 的聲明屬性

2. 啟用保存時自動

在VSCode的配置文件里添加 editor.formatOnSave:true 即可實現保存時自動格式化

3. 快捷鍵

在 VS Code 的鍵盤快捷方式文件里添加

{
  "key": "cmd+b", // 自己定鍵位 "command": "HookyQR.beautify", "when": "editorFocus" } 

小禮物走一走，來簡書關注我

作者：小賢筆記
鏈接：https://www.jianshu.com/p/34ad34528549
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權並注明出處。