在vscode编辑器中,

(1)Ctrl+Shift+P快捷键打开:

(2)搜索Preferences:Configure User Snippets,即配置用户代码片段

(3)搜索vue.json文件

.vue文件在vue.json文件中配置:

	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"",
			"",
			"</template>",
			"",
			"<script>",
			"export default {",
			"",
			"}",
			"</script>",
			"<style lang='scss' scoped>",
			"",
			"</style>",
			""
		],
		"description": "vue code"
	}

.js文件在Javascript.json文件中配置:

	"Print to console": {
		"prefix": "vuex",
		"body": [
			"export default {",
				"namespaced: true,",
				"state: {",
				"",	
				"},",
				"getters: {",
			 	"",
				"},",
				"mutations: {",
				"",	
				"},",
				"actions: {",
				"",
				"}",
			"}",
		],
		"description": "vuex代码片段"
	}

注意:因为是json文件,body内的每一行都要用双引号引起来,并且每一行以逗号结尾

2. 多个代码片段:在创建一个对象:

	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"",
			"",
			"</template>",
			"",
			"<script>",
			"export default {",
			"",
			"}",
			"</script>",
			"<style lang='scss' scoped>",
			"",
			"</style>",
			""
		],
		"description": "vue code"
	},
	"(代码片段2:自定义名字)": {
		"prefix": "vue2",
		"body": [
			"<template>",
			"",
			"",
			"</template>",
			"",
			"<script>",
			"export default {",
			"",
			"}",
			"</script>",
			"<style lang='scss' scoped>",
			"",
			"</style>",
			""
		],
		"description": "vue2 code"
	}

 

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐