vscode怎么設置vue模板代碼

（1）安裝 vetur 和 vuehelper 插件，安裝完成后需要重啟 vscode

在擴展插件搜索框中找到如下 Vetur 和 vueHelper 兩個插件，注意看圖標。

（2）為 vue 添加模板代碼片段

立即學習“前端免費學習筆記（深入）”；

選中?vue 項

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

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

（3）在 vue 文件中，當你鍵入 vue 前綴時將自動聯想出你在前面創建好的代碼片段描述，此時按下 Tab 鍵或者選中它，模板代碼片段將會被自動添加到你的 vue 文件中。

相關推薦：vscode教程

以上就是