在使用vscode開發vue項目時,嚴格檢查讓人有點煩惱,必然需要一款可以自動格式化的插件進行快速嚴格檢查的格式化。vscode插件會推薦使用 vetur 插件才會進行vue檔案的識别與高亮。
安裝完 vetur 後确實是可以對 vue檔案進行高亮顯示了,但是當你按下 shift+alt+f 進行格式化時,發現本來沒有錯誤的代碼卻變成了一堆錯誤,莫名加上了分号,單引号也成功變成雙引号了。在vue的嚴格檢查中這些是最煩的。
那麼需要對vscode的配置檔案進行配置才可支援vue正确格式化。
打開 檔案 -》首選項 -》往下拉找到 -》打開
預設的 配置項可能不一樣,現在隻需要往json中寫入以下配置就可格式化vue啦。
"": {
"prettier": {
"semi": false,
"singleQuote": true
}
}
可能會出現 分号和雙引号确實不會再自動添加了,但是不會在方法括号之間插入空格,可以再加入這條配置即可。
"": true,
"": "vscode-typescript"
最好再配置下vscode支援vue語言
"": [
"javascript",
"javascriptreact",
"html",
{
"language": "vue",
"autoFix": true
}
]
補充知識:vscode格式化Vue出現的問題:單引号變雙引号
問題描述
在使用vscode格式化vue代碼時,出現單引号變成了雙引号問題
解決方案
在項目根目錄下建立檔案:.
内容:
{
"singleQuote":true,
"semi":false
}

以上這篇解決vscode進行vue格式化,會自動補分号和雙引号的問題就是小編分享給大家的全部内容了,希望能給大家一個參考,也希望大家多多支援腳本之家。