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

原创已于 2023-02-22 09:11:26 修改 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

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

VUE-Uniapp 专栏收录该内容

11 篇文章

订阅专栏

文章介绍了如何在VSCode中配置自定义代码片段来提高编码速度。通过点击设置，进入用户代码片段配置，创建如Vue实例(v1)和打印到控制台(log)的快捷代码，简化日常开发工作流程。

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

配置步骤：

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