vscode怎麼設定vue模板程式碼

（1）安裝Vetur 和VueHelper 插件，安裝完成後需要重新啟動VScode

在擴充功能插件搜尋框中找到如下Vetur 和VueHelper 兩個插件，注意看圖示。

（2）為vue 新增範本程式碼片段

#選取 vue 項目

 在打開的vue.json 中加入你的模板程式碼片段

{
	"vue": {
	"prefix": "vue",
	"body": [
		"<template>",
		"  <div>",
		"  </div>",
		"</template>",
		"<script>",
		"</script>",
		"<style scoped>",
		"</style>",
	],
	"description": "generate a vue file"}
}

（3）在vue 檔案中，當你鍵入vue 前綴時將自動聯想到你在前面創建好的程式碼片段描述，此時按下Tab 鍵或勾選它，模板程式碼片段將會自動加入你的vue 檔案。

相關推薦：vscode教學

#

以上是vscode怎麼設定vue模板程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！