亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vscode 中 格式化 vue 如何不自動換行

vscode 中 格式化 vue 如何不自動換行

HUWWW 2019-03-29 23:15:23
目前格式化的時候經常會自動換行eg:return wepy.chooseImage({    count: 1,    sizeType: "original"}).then(res => res.tempFilePaths[0]);會被格式化為return wepy    .chooseImage({        count: 1,        sizeType: "original"    })    .then(res => res.tempFilePaths[0]);如何才能關掉自動換行的呢?
查看完整描述

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格式化代碼


查看完整回答
3 反對 回復 2019-04-04
?
慕容3067478

TA貢獻1773條經驗 獲得超3個贊

樓上的配置已經失效。

看看我js的自動格式化


  this.xjLink =

    h5 +

    '/aaa/bbb/home?token=' +

    token +

    '';

看的我尷尬癌都犯了,真心受不了,這開發不是哪抽瘋了。

真實原因是:默認對JS使用了prettier.

user config 增加以下解決

{


"vetur.format.defaultFormatter.js": "vscode-typescript",

}


查看完整回答
反對 回復 2019-04-04
?
慕哥6287543

TA貢獻1831條經驗 獲得超10個贊

// 對屬性進行換行。

// - auto: 僅在超出行長度時才對屬性進行換行。

// - force: 對除第一個屬性外的其他每個屬性進行換行。

// - force-aligned: 對除第一個屬性外的其他每個屬性進行換行,并保持對齊。

// - force-expand-multiline: 對每個屬性進行換行。

// - aligned-multiple: 當超出折行長度時,將屬性進行垂直對齊。


  "vetur.format.defaultFormatterOptions": {

        "js-beautify-html": {

            "wrap_attributes": "auto",

        }

     },


查看完整回答
反對 回復 2019-04-04
?
瀟瀟雨雨

TA貢獻1833條經驗 獲得超4個贊

"vetur.format.defaultFormatter.html": "js-beautify-html",

"vetur.format.defaultFormatter.js": "vscode-typescript",


查看完整回答
反對 回復 2019-04-04
?
12345678_0001

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" , 在樓上其他大神的答案中已有講解, 這里就不再啰嗦 ;


查看完整回答
反對 回復 2019-04-04
?
波斯汪

TA貢獻1811條經驗 獲得超4個贊

默認alt+z 試試


查看完整回答
反對 回復 2019-04-04
?
德瑪西亞99

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


查看完整回答
反對 回復 2019-04-04
?
森欄

TA貢獻1810條經驗 獲得超5個贊

https://img1.sycdn.imooc.com//5ca5a5aa0001418a08000046.jpg

有點受不了了,
能不能讓他 不管 換行呢。
我把 prettier.printWidth 設置 短了 他就 換行我不想換行的,
我把 prettier.printWidth 設置 長了 他給我來個 一行
受不鳥了。
誰來幫幫我

查看完整回答
反對 回復 2019-04-04
?
不負相思意

TA貢獻1777條經驗 獲得超10個贊

設置 printWidth: 500 可以


"prettyhtml": {

            "printWidth": 500,

            "singleQuote": false,

            "wrapAttributes": false,

            "sortAttributes": true,

            "useTabs": true,

            "proseWrap": "preserve",

        }


查看完整回答
反對 回復 2019-04-04
  • 9 回答
  • 1 關注
  • 12170 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號