vscode中快速生成vue页面模板

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站 点击跳转浏览。

1.安装插件Vetur

2,在搜索框内搜索vue.json文件,可能显示的是vue,点击进去

在这里插入图片描述

3,加入代码

{



	"Vue": {
		"prefix": "vue",  
	   "body": [
		 "<!-- $1 -->",
		 "<template>",
		 "<div></div>",
		 "</template>",
		 "",
		 "<script>",
		 "export default {",
		 "data() {",
		 "//这里存放数据",
		 "return {",
		 "",
		 "}",
		 "},",
		 "components: {},",
		 "",
		 "//方法集合",
		 "methods: {\n",
		 "},",
		 "//生命周期 - 创建完成(访问当前this实例)",
		 "created() {",
		 "",
		 "},",
		 "//生命周期 - 挂载完成(访问DOM元素)",
		 "mounted() {",
		 "",
		 "}",
		 "}",
		 "</script>",
		 "<style scoped>",
		 "/* @import url(); 引入css类 */",
		 "$4",
		 "</style>"
	   ],
	   "description": "Log output to console"
	 }
   



}



4,测试是否添加成功

测试方法: 新建vue后缀文件,输入vue,按下tab键,OK


版权声明:本文为he1234555原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。