VS Code中自定义代码片段

113 阅读1分钟

如何在VS Code中自定义自己的代码片段?

  1. 找到设置,选择用户代码片段。

image.png

  1. 选择新建全局代码片段,输入配置名称,注意这里的配置名称不是代码片段对应的快捷键的名称。

image.png

  1. 在给出的配置文件中自定义自己的代码片段,以我的为例:
"": {
		"prefix": "vue2",//这个是该代码片段对应的快捷键
		"body": [
		  "new Vue({",
		  "    el:'',",
		  "    data:{",
		  "        ",
		  "    }",
		  "})"
		],
		"description": "新建一个vue实例"//这是代码片段对应的描述
	  }

这里推荐一个把代码片段转为配置文件的网站:转换工具,轻松转换无压力。
参考博客