VS Code format格式問題

vscode format

noway 2021-09-19 19:24:48 ‧ 1670 瀏覽

分享至

您好：
在vs code中，以html為例

 <div id="app">
        <div>
            <counter7 v-for="ct in counters" :title="ct.title" :plus-btn-name="ct.plusBtnName" :minus-btn-name="ct.minusBtnName">
            </counter7>
        </div>

    </div>

只要存檔，他就會變成一行
但有時候，想要讓他保持多行

 <div id="app">
        <div>
            <counter7 v-for="ct in counters" 
                  :title="ct.title" 
                  :plus-btn-name="ct.plusBtnName" 
                  :minus-btn-name="ct.minusBtnName">
            </counter7>
        </div>

    </div>

這樣有辦法做到嗎?

miku3920 iT邦新手 2 級 ‧ 2021-09-19 22:40:01 檢舉

html.format.wrapAttributes

noway iT邦研究生 1 級 ‧ 2021-09-20 09:48:05 檢舉

您好：
謝謝，但這沒有效，存檔時，他又變回一行

miku3920 iT邦新手 2 級 ‧ 2021-09-20 21:34:52 檢舉

vetur.format.defaultFormatterOptions

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

Greysuki

iT邦新手 5 級 ‧ 2021-09-20 12:44:00

"editor.formatOnSave": false

回應 1
分享
檢舉

noway iT邦研究生 1 級 ‧ 2021-09-26 14:55:13 檢舉

目前是沒勾選的狀態!

登入發表回應

miku3920

iT邦新手 2 級 ‧ 2021-09-20 21:52:40

直接貼我的設定給你好了，你自己研究

我倒是沒有遇到這麼長還會變成一行

{
	"html.format.wrapAttributes": "preserve",
	"html.format.wrapLineLength": 0,
	"[html]": {
		"editor.defaultFormatter": "vscode.html-language-features"
	},
	"[vue]": {
		"editor.defaultFormatter": "octref.vetur"
	},
	"vetur.format.defaultFormatterOptions": {
		"js-beautify-html": {
			"wrap_attributes": "force-expand-multiline",
		},
		"prettyhtml": {
			"printWidth": 100,
			"singleQuote": false,
			"wrapAttributes": false,
			"sortAttributes": false
		},
		"prettier": {
			"singleQuote": true,
			"trailingComma": "all"
		}
	}
}