Visual Studio Code(VS Code)配置代码片段

配置代码片段的目的是快速输出一段固定的代码,目的是为了提高编码速度。

 配置步骤:

1,点击左下角的设置按钮

2,点击“配置用户代码片段”

 3,会打开一个页面,然后点击“新代码片段”

 4,会给出一个example例子,然后即可配置你想要的代码了。

 5,举例①,比如我想快速生成创建vue的实例代码。

我的配置项

"new Vue": {
			"scope": "javascript,typescript",
			"prefix": "v1",
			"body": [
				"new Vue({",
					"   el:'#root',",
					"   data:{",

					"   }",

				"})"
			],
			"description": "Log output to console"
		}

使用时,输入v1即可。

回车后即可得到想要的代码片段

6,举例②

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

使用时,输入log即可。

回车后即可得到想要的代码片段

 

猜你喜欢

转载自blog.csdn.net/wjw_java/article/details/129139491