vscode 無(wú)法格式化 .vue 文件

如圖所示，當(dāng)我嘗試格式化 .vue 文件時(shí)提示“抱歉，當(dāng)前沒(méi)有安裝‘Vue’文件的格式化程序”。
無(wú)法對(duì) .vue 文件進(jìn)行格式化縮進(jìn)。已經(jīng)安裝了 Vetur 插件。
在網(wǎng)上搜了一下，發(fā)現(xiàn)我這幾乎是個(gè)例，想請(qǐng)問(wèn)熟悉 vscode 的大佬是咋回事呢？

回答

編輯回答

玄鳥(niǎo)

安裝這個(gè)插件: Vetur

Features(功能):

Syntax-highlighting
Snippet
Emmet
Linting / Error Checking
Formatting(格式化)
Auto Completion
Debugging

2017年11月29日 22:10

編輯回答

哎呦喂

vscode需要修改下首選項(xiàng)：
打開(kāi)vscode，菜單欄選擇文件=》首選項(xiàng) =》設(shè)置，把下面的拷貝完整覆蓋右側(cè)用戶(hù)設(shè)置
{

"window.zoomLevel": 0,
"extensions.ignoreRecommendations": true,
"emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
},
"vetur.validation.template": false,
"eslint.options": {
    "plugins": ["html"]
},
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
],
"prettier.singleQuote": true,
"prettier.semi": false,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
   "wrap_attributes": "force-aligned"
 }

}

圖片描述

2017年1月31日 01:04

編輯回答