vscode配置js文件、vue文件代码片段、多个代码片段

在vscode编辑器中,

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

vscode配置js文件、vue文件代码片段、多个代码片段_第1张图片

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

(3)搜索vue.json文件

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

	"Print to console": {
		"prefix": "vue",
		"body": [
			"",
			"",
			"",
			"",
			""
		],
		"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": [
			"",
			"",
			"",
			"",
			""
		],
		"description": "vue code"
	},
	"(代码片段2:自定义名字)": {
		"prefix": "vue2",
		"body": [
			"",
			"",
			"",
			"",
			""
		],
		"description": "vue2 code"
	}

 

你可能感兴趣的:(VScode编译器)