11-24 在vscode中快速创建vue模板

设置->用户代码片段->搜索vue.json文件(实际就是代码片段下名为vue的那个文件)
直接复制下面的代码过来,覆盖原来的,保存

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

}


然后新建一个vue文件,打出vue,就可选用末班创建了。

posted @ 2021-11-24 22:21  皮皮买  阅读(60)  评论(0)    收藏  举报