欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue3?vscode插件volar配置教程

 更新時間：2023年07月19日 11:08:47   作者：永遠(yuǎn)不會太晚  
這篇文章主要介紹了vue3?vscode插件volar配置,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下

需要禁用vetur，否則可能會有很多沖突，vue2用vetur，vue3用volar

1.關(guān)閉遠(yuǎn)程服務(wù)

這兩個服務(wù)需要關(guān)閉，否則經(jīng)常請求半天，只看英文的意思是跟蹤聯(lián)系，暫時不知道這兩個服務(wù)的具體作用，不過關(guān)閉后不影響volar的正常使用，vscode左下角齒輪>設(shè)置>搜索volar

在這里插入圖片描述

2.拆分編輯器

volar一個很有用的效果就是點擊這個圖標(biāo)，可以vue文件左右拆分，并自動折疊template、script、style標(biāo)簽

在這里插入圖片描述

volarv1.0.11版本刪除了這個拆分圖標(biāo)，社區(qū)提問為啥拆分圖標(biāo)沒了，作者的回答是為了節(jié)省視圖空間

https://github.com/johnsoncodehk/volar/issues/2162

提問的老哥又認(rèn)為，這應(yīng)該是一個用戶設(shè)置，由用戶來決定是否開啟這個拆分按鈕，最終作者采取了這個建議

https://github.com/johnsoncodehk/volar/issues/2163

目前最新版已經(jīng)加了回來，默認(rèn)是關(guān)閉的，可以通過設(shè)置里勾選來開啟

在這里插入圖片描述

命令方式，可設(shè)置快捷鍵

vscode左下角齒輪>鍵盤快捷方式>搜索volar>命令id為volar.action.splitEditors，設(shè)置一個順手的快捷鍵

在這里插入圖片描述

設(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自動補全.value

勾選這個

在這里插入圖片描述

到此這篇關(guān)于vue3 vscode插件volar配置教程的文章就介紹到這了,更多相關(guān)vue3 volar配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論