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

本文主要是介绍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，就可选用末班创建了。

这篇关于11-24 在vscode中快速创建vue模板的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！