鍍金池/ 問答/HTML/ vscode中編寫vue項目標簽屬性如果格式化換行？

vscode中編寫vue項目標簽屬性如果格式化換行？

clipboard.png
如圖，如果想在vscode中vue項目格式化代碼能夠格式成如圖這樣：即標簽屬性過長字段換行，需要怎么配置。目前使用的js-beacutiful-html格式化插件，標簽屬性會變成長長的一條，很不利于查看和書寫。

回答
編輯回答
失心人

1、打開vscode,點擊左下角的設(shè)置圖標，點擊設(shè)置
2、找到常用設(shè)置下的editor.wordWrap，上面有文字介紹，可以根據(jù)那個更改，我的是改為on.

2017年9月5日 15:06
編輯回答
鹿惑

文檔在這里
https://vuejs.github.io/vetur...
然后看到說詳細設(shè)置點這里
https://github.com/vuejs/vetu...
然后在看到有這么多熟悉
// Wrap attributes to new lines [auto|force|force-aligned|force-expand-multiline] ["auto"]

算了 我直接貼設(shè)置吧

"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force" // 可以換成上面任意一種value
    }
  },
2017年11月16日 14:19
編輯回答
涼汐
  "wrap_line_length": 120,
  "wrap_attributes": "auto",
  "end_with_newline": false

這樣設(shè)置可以自動的檢測這行到了多少字符就換行，最終是這樣的

    <biz-table-body :tableData="tableData" :pagination="pagination" @handleSelectionChange="handleSelectionChange" @rowClick="rowClick"
      @handleSizeChange="handleSizeChange" @handleCurrentChange="handleCurrentChange">
      <slot>
      </slot>
    </biz-table-body>
2018年9月4日 16:55