vscode中如何新建vue模板？方法介绍

讨论社区 / 日志 / 帖子详情

vscode中如何新建vue模板？方法介绍

2022-11-18 09:21:57

132

{{single.collect_count}}

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

推荐：《vscode基础教程》

先下载vue插件—— vue-helper

在这里插入图片描述

文件/首选项/用户片段

在这里插入图片描述

搜索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"}}
登录后复制

在这里插入图片描述

保存，然后再使用模板的页面输入vue按tab健就好了

更多编程相关知识，可访问：编程入门！！

以上就是vscode中如何新建vue模板？方法介绍的详细内容，更多请关注php中文网其它相关文章！

上一页：docker的四种网络模式是什么

下一页：php网站验证码不显示怎么办

回帖

全部回帖（{{commentCount}}）

{{item.user.nickname}}

{{item.user.group_title}}

{{item.friend_time}}

{{item.content}}

{{item.like > 0 ? item.like : '点赞'}} {{item.comment_content_show ? '取消' : '回复'}} 删除

回帖

{{reply.user.nickname}}

{{reply.user.group_title}}

{{reply.friend_time}}

{{reply.content}}

{{reply.like > 0 ? reply.like : '点赞'}} {{reply.comment_content_show ? '取消' : '回复'}} 删除

回帖

收起

没有更多啦~

{{commentLoading ? '加载中...' : '查看更多评论'}}

一个专属于OneKeyAdmin的技术交流平台，记录OneKeyAdmin开发者的成长与进步。

主题帖

6223

回帖数

147

{{userInfo.describe}}

文章

{{blog_count}}

回帖

{{blog_comment_count}}

收藏

{{blog_collect_count}}

文章

-

评论

-

粉丝

-

1 gitlab中国官方网站

2 攻入网站后台的方法

3 Yandex企业邮箱注册

4 WordPress Rest API 入门详解

5 Thinkphp5.0 获取新增数据的ID

6 thinkphp5 解决跨域问题

7 Thinkphp6 的 where 查询条件 and 和 or 的操作

8 Vue3官网使用及简介

9 PHP的exec()函数用法详解

10 thinkphp6配置连接微软的sqlserver数据库