使用vscode格式化文檔無效的解決辦法(vue代碼格式化文檔無效)
更新時間：2023年08月16日 10:25:33 作者：北城笑笑
這篇文章主要給大家介紹了關(guān)于使用vscode格式化文檔無效的解決辦法,也就是vue代碼格式化文檔無效,這是最近突然遇到的一個問題,這里給大家介紹一下解決的辦法,需要的朋友可以參考下
問題：
最近在寫代碼的時候，vscode使用格式化文檔不管用。
原因：
單頁面使用大量element組件和html代碼導(dǎo)致，vscode識別不了。
解決方案：
1、打開設(shè)置，點擊右側(cè)的圖標(biāo)打開settings.json文件，在文件中注入代碼。
settings.json文件位置，vscode左下角：
設(shè)置頁面右上角：
在settings.json文件中注入代碼：
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html"2、代碼放在這里，完美解決。
"path-autocomplete.extensionOnImport": true,//導(dǎo)入文件時是否攜帶文件的拓展名
"path-autocomplete.pathMappings": {//配置@的路徑提示
"@": "${folder}/src"
},
"explorer.confirmDelete": false,
"editor.fontSize": 20,
// 放在這里，解決格式化代碼不管用
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",總結(jié)
到此這篇關(guān)于使用vscode格式化文檔無效的解決辦法的文章就介紹到這了,更多相關(guān)vscode格式化文檔無效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)瀑布流組件滑動加載更多，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
element-vue實現(xiàn)網(wǎng)頁鎖屏功能(示例代碼)
這篇文章主要介紹了element-vue實現(xiàn)網(wǎng)頁鎖屏功能,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
Vue Transition實現(xiàn)類原生組件跳轉(zhuǎn)過渡動畫的示例
本篇文章主要介紹了Vue Transition實現(xiàn)類原生組件跳轉(zhuǎn)過渡動畫的示例，具有一定的參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要為大家介紹了vue實現(xiàn)前端按鈕組件權(quán)限管理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Vue實現(xiàn)將數(shù)據(jù)庫中帶html標(biāo)簽的內(nèi)容輸出(原始HTML(Raw HTML))
今天小編就為大家分享一篇Vue實現(xiàn)將數(shù)據(jù)庫中帶html標(biāo)簽的內(nèi)容輸出(原始HTML(Raw HTML))，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
vite.config.ts配置之自動導(dǎo)入element-puls方式
這篇文章主要介紹了vite.config.ts配置之自動導(dǎo)入element-puls方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue3使用tinymce的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04
Vue中引入bootstrap.min.css的正確姿勢分享
這篇文章主要介紹了Vue中引入bootstrap.min.css的正確姿勢,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
今天小編就為大家分享一篇vue實現(xiàn)點擊追加選中樣式效果，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vue3 去除 vue warn 及生產(chǎn)環(huán)境去除console.log的方法
這篇文章主要介紹了Vue3 去除 vue warn 及生產(chǎn)環(huán)境去除console.log的方法，本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-06-06