iT邦幫忙

0

VS Code format格式問題

您好:
在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邦新手 4 級 ‧ 2021-09-19 22:40:01 檢舉
html.format.wrapAttributes
noway iT邦新手 4 級 ‧ 2021-09-20 09:48:05 檢舉
您好:
謝謝,但這沒有效,存檔時,他又變回一行
miku3920 iT邦新手 4 級 ‧ 2021-09-20 21:34:52 檢舉
vetur.format.defaultFormatterOptions

2 個回答

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

"editor.formatOnSave": false

noway iT邦新手 4 級 ‧ 2021-09-26 14:55:13 檢舉

目前 是沒勾選的狀態!

0
miku3920
iT邦新手 4 級 ‧ 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"
		}
	}
}

我要發表回答

立即登入回答