首页 > 其他 > 详细

vscode vue 模版生成,vue 一键生成

时间:2020-04-04 18:32:45      阅读:78      评论:0      收藏:0      [点我收藏+]

vscode vue 模版

继上篇文章(vue 格式化),顺便记录下 vue 模版生成。图片就不在贴了,如果有找不到 vscode 插件商店的可以访问上篇文章。

一、安装 VueHelper

在 vscode 软件商店里搜索插件 VueHelper 插件 进行安装。

二、打开 配置文件

打开 vscode 软件 【文件】---【首选项】---【用户代码片段】在弹出的搜索框里输入 vue 查找 vue.json 回车。

三、更改配置

在 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 lang=‘stylus‘ scoped>\n",
			" ",
			"</style>",
			"$2"
	],
	"description": "Log output to console"
}
最后新建 demo.vue 文件,输入 vue 按下 tab 键,一键生成 vue 模版。

vscode vue 模版生成,vue 一键生成

原文:https://www.cnblogs.com/earthZhang/p/12632834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!