vscode中如何新建vue模板?方法介紹

vscode中如何新建vue模板?方法介紹

推薦:《vscode基礎教程

先下載vue插件—— vue-helper

vscode中如何新建vue模板?方法介紹

文件/首選項/用戶片段

立即學習前端免費學習筆記(深入)”;

vscode中如何新建vue模板?方法介紹

搜索vue

vscode中如何新建vue模板?方法介紹

在vue.json中粘貼以下代碼

{ 	"Print?to?console":?{ ????????"prefix":?"vue", ????????"body":?[ ????????????"<template>", ????????????"?<div>n", ????????????"?</div>", ????????????"</template>n", ????????????"<script>",             " export default {",             "   data () {",             "     return {n",             "     }",             "   },",             "   components: {n",             "   }",             " }",             "</script>n", ????????????"<style>n",             " ",             "</style>", ????????????"$2" ????????], ????????"description":?"Log?output?to?console" ????} }

vscode中如何新建vue模板?方法介紹

保存,然后再使用模板的頁面輸入vue按tab健就好了

更多編程相關知識,可訪問:vscode基礎教程??!

以上就是

? 版權聲明
THE END
喜歡就支持一下吧
點贊14 分享