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 分享