先下載插件： Vetur
打開設定的組態檔，寫入一下代碼：
{
//主題
"editor.fontSize": 16,
//是否需要顏色選擇器
"editor.colorDecorators": false,
// //是否需要保存時自動格式化
"editor.formatOnSave": true,
//一個tab建等于的空格數
"editor.tabSize": 2,
// //自動換行
"editor.wordWrap": "on",
//視窗縮放級別
"window.zoomLevel": 0,
//檔案保存時是否需要在檔案末尾添加一個最終空行
"files.insertFinalNewline": true,
"files.trimTrailingWhitespace": true,
//默認格式化程式設定
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
//使js 檔案保存是不自動添加分號
"prettier.singleQuote": true,
"prettier.semi": false,
//使vue 檔案自動保存時不自動添加分號
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
},
"explorer.confirmDelete": false
}
如果還是沒有效果就在 vue 根目錄下建這樣一個.prettierrc 檔案，并設定以下代碼：
{
"singleQuote": true,
"semi": false
}
至此 大功告成
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/137187.html
標籤：JavaScript