vue3?vscode插件volar配置教程
需要禁用vetur，否則可能會有很多沖突，vue2用vetur，vue3用volar
1.關(guān)閉遠(yuǎn)程服務(wù)
這兩個(gè)服務(wù)需要關(guān)閉，否則經(jīng)常請求半天，只看英文的意思是跟蹤聯(lián)系，暫時(shí)不知道這兩個(gè)服務(wù)的具體作用，不過關(guān)閉后不影響volar的正常使用，vscode左下角齒輪>設(shè)置>搜索volar
2.拆分編輯器
volar一個(gè)很有用的效果就是點(diǎn)擊這個(gè)圖標(biāo)，可以vue文件左右拆分，并自動折疊template、script、style標(biāo)簽
volarv1.0.11版本刪除了這個(gè)拆分圖標(biāo)，社區(qū)提問為啥拆分圖標(biāo)沒了，作者的回答是為了節(jié)省視圖空間
提問的老哥又認(rèn)為，這應(yīng)該是一個(gè)用戶設(shè)置，由用戶來決定是否開啟這個(gè)拆分按鈕，最終作者采取了這個(gè)建議
目前最新版已經(jīng)加了回來，默認(rèn)是關(guān)閉的，可以通過設(shè)置里勾選來開啟
命令方式，可設(shè)置快捷鍵
vscode左下角齒輪>鍵盤快捷方式>搜索volar>命令id為volar.action.splitEditors，設(shè)置一個(gè)順手的快捷鍵
設(shè)置左右折疊的標(biāo)簽
vscode左下角齒輪>設(shè)置>搜索settings.json，加入
// 左側(cè)不折疊的標(biāo)簽，其余標(biāo)簽會折疊 "volar.splitEditors.layout.left": [ "template", "script", "scriptSetup", ], // 右側(cè)不折疊的標(biāo)簽，其余標(biāo)簽會折疊 "volar.splitEditors.layout.right": [ "styles", "customBlocks" ],
3.ref自動補(bǔ)全.value
勾選這個(gè)
到此這篇關(guān)于vue3 vscode插件volar配置教程的文章就介紹到這了,更多相關(guān)vue3 volar配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹了Vue.use的原理和設(shè)計(jì)源碼探究詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要為大家詳細(xì)介紹了vue開發(fā)公共組件之返回頂部，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要介紹了Vue實(shí)現(xiàn)戶籍管理系統(tǒng)，戶籍信息的添加與刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
Monaco-editor,一個(gè)vs code 編輯器,需要將其集成到項(xiàng)目,這篇文章主要介紹了Vue3中如何使用component :is 加載組件,需要的朋友可以參考下2023-11-11
vue3中關(guān)于i18n字符串轉(zhuǎn)義問題
這篇文章主要介紹了vue3中關(guān)于i18n字符串轉(zhuǎn)義問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要為大家介紹了vuex?Mutations同步Actions異步原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
vue+springboot前后端分離實(shí)現(xiàn)單點(diǎn)登錄跨域問題解決方法
這篇文章主要介紹了vue+springboot前后端分離實(shí)現(xiàn)單點(diǎn)登錄跨域問題的解決方法,需要的朋友可以參考下2018-01-01
在vue中實(shí)現(xiàn)表單驗(yàn)證碼與滑動驗(yàn)證功能的代碼詳解
在Web應(yīng)用程序中，表單驗(yàn)證碼和滑動驗(yàn)證是常見的安全機(jī)制，用于防止惡意攻擊和機(jī)器人攻擊，本文將介紹如何使用Vue和vue-verify-code庫來實(shí)現(xiàn)表單驗(yàn)證碼和滑動驗(yàn)證功能,需要的朋友可以參考下2023-06-06
vue項(xiàng)目開啟Gzip壓縮和性能優(yōu)化操作
這篇文章主要介紹了vue項(xiàng)目開啟Gzip壓縮和性能優(yōu)化操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
ref用來輔助我們獲取DOM元素或組件的引用實(shí)例對象,每個(gè)vue的組件實(shí)例上,都包含一個(gè)refs對象,里面存儲著對應(yīng)的DOM元素或組件的引用,默認(rèn)情況下,組件的refs指向一個(gè)空對象2023-03-03