Visual Studio Code（VS Code）配置代码片段

King·Forward

已于 2023-02-22 09:11:26 修改

阅读量1.3k

点赞数 1

分类专栏： VUE-Uniapp 文章标签： javascript 前端开发语言

于 2023-02-21 11:33:40 首次发布

本文链接：https://blog.csdn.net/wjw_java_android/article/details/129139491

版权

VUE-Uniapp 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

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

配置步骤：

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即可。