vscode写适合自己的代码片段,快速学习,高效开发

在vscode中,有一个用户代码片段功能,用户可以自定义代码片段,节省了敲代码的时间,有助于高效开发,

我是用的js,因此点击进去,选择javascript.json

点击去就会有示例:

// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }

其中红色部分为可变的,根据用户自己需求更改

用户代码片段是使用json格式书写的

解释一下:
// “Print to console”: { //敲出简写代码时的提示
// “prefix”: “log”, // log为 要敲击的简写代码 这里可以任意写
// “body”: [ //主体部分
// “console.log(’$1’);”, //$1为占位,留出空白
// “$2”
// ],
// “description”: “Log output to console” //对代码的描述 (可以不写)
// }

举例说明:
将一个最简单的for循环写进去:

"for": {
		"prefix": "fo",
		"body": [
			"for (let i = 0; i < $0; i++) {",
			" "	,
			"}"
		],
		"description": "Log output to console"
	},

敲击回车得到:

console.log:

"console": {
		"prefix": "l",
		"body": [
			"console.log($1);",
		],
		"description": "这是log"
	},

这里定义prefis为 l 敲击一个l即可快捷的打出console.log();

快速创建Vue:

"vue": {
		"prefix": "vvv",
		"body": [
   	     "var vm = new Vue({",
		  "el:'$0',",
		  "data:{",
			  "",
		  "},",
		  "methods:{",
			"",
		  "},",
			"});"
		],
		"description": "vue代码"
	},

效果:

注意,如果需要换行,则每行都要用双引号包裹,并且以逗号结尾