鍍金池/ 問答/HTML/ VSCode中使用vetur插件格式化vue文件時(shí)，js代碼會(huì)被添加上分號(hào)且單引

VSCode中使用vetur插件格式化vue文件時(shí)，js代碼會(huì)被添加上分號(hào)且單引號(hào)會(huì)轉(zhuǎn)變?yōu)殡p引號(hào)

由于vetur插件報(bào)錯(cuò)找不到某某組件，于是卸載重裝。 裝回后插件不再報(bào)錯(cuò)，但是格式化vue代碼時(shí)，會(huì)執(zhí)行兩條多余的規(guī)則（與未重裝之前比較）：

  • 自動(dòng)為js代碼加上分號(hào)結(jié)束符
  • 自動(dòng)將單引號(hào)變換為雙引號(hào)

由于在配置（setting.json）中未找到相應(yīng)的配置，故很疑惑，應(yīng)如何取消掉以上兩條規(guī)則？

回答
編輯回答
萌面人

這是因?yàn)樵赩SCode1.7.2中替換了內(nèi)置格式化插件。解決辦法是在VScode設(shè)置(setting.json)中，配置如下規(guī)則

{
   "prettier.singleQuote": true,
   "prettier.semi": false,
   "vetur.format.defaultFormatter.html": "js-beautify-html",
   "vetur.format.defaultFormatterOptions": {
      "wrap_attributes": "force-aligned"
    }
}

即可解決題主問題。詳情見 vuejs/vetur#476

2018年4月29日 11:04
編輯回答
撥弦
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html"
2018年4月9日 07:16