9 回答

TA貢獻1801條經驗 獲得超8個贊
其實去看下prettier的設置就好,不需要將vetur.format.defaultFormatter.js改成vscode-typescript
"prettier.singleQuote": true, // 用單引號
"prettier.semi": true, // 句末加分號
"prettier.printWidth": 200, // 換行字符串閾值
"prettier.trailingComma": "none", // 最后一個對象元素加逗號
"prettier.arrowParens": "avoid", // (x) => {} 是否要有小括號
"prettier.proseWrap": "preserve", // 是否要換行
"vetur.format.defaultFormatter.js": "prettier", // vetur 使用 prettier格式化代碼

TA貢獻1773條經驗 獲得超3個贊
樓上的配置已經失效。
看看我js的自動格式化
this.xjLink =
h5 +
'/aaa/bbb/home?token=' +
token +
'';
看的我尷尬癌都犯了,真心受不了,這開發不是哪抽瘋了。
真實原因是:默認對JS使用了prettier.
user config 增加以下解決
{
"vetur.format.defaultFormatter.js": "vscode-typescript",
}

TA貢獻1831條經驗 獲得超10個贊
// 對屬性進行換行。
// - auto: 僅在超出行長度時才對屬性進行換行。
// - force: 對除第一個屬性外的其他每個屬性進行換行。
// - force-aligned: 對除第一個屬性外的其他每個屬性進行換行,并保持對齊。
// - force-expand-multiline: 對每個屬性進行換行。
// - aligned-multiple: 當超出折行長度時,將屬性進行垂直對齊。
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto",
}
},

TA貢獻1833條經驗 獲得超4個贊
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typescript",

TA貢獻1802條經驗 獲得超5個贊
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "aligned-multiple"
},
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
},
"vetur.format.defaultFormatter.html": "js-beautify-html",
即可使得 vue 元素不再折行 ;
關于 "vetur.format.defaultFormatterOptions" 與 "vetur.format.defaultFormatter.html" , 在樓上其他大神的答案中已有講解, 這里就不再啰嗦 ;

TA貢獻1770條經驗 獲得超3個贊
這是因為在VSCode1.7.2中替換了內置格式化插件。解決辦法是在VScode設置(setting.json)中,配置如下規則
{
"prettier.singleQuote": true,
"prettier.semi": false,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"wrap_attributes": "force-aligned"
}
}
即可解決題主問題。詳情見 vuejs/vetur#476

TA貢獻1810條經驗 獲得超5個贊
有點受不了了,
能不能讓他 不管 換行呢。
我把 prettier.printWidth 設置 短了 他就 換行我不想換行的,
我把 prettier.printWidth 設置 長了 他給我來個 一行
受不鳥了。
誰來幫幫我

TA貢獻1777條經驗 獲得超10個贊
設置 printWidth: 500 可以
"prettyhtml": {
"printWidth": 500,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": true,
"useTabs": true,
"proseWrap": "preserve",
}
添加回答
舉報