vscode 中如何自定义用户代码片段

 时间:2024-10-18 02:18:26

1、打开vscode编辑器2.找到 文件->首选项->用户片段 就会出现一个输入框如下图

vscode 中如何自定义用户代码片段

2、在里面输入你要在那个语言里面写用户代码片段,我这里用js举例。在文本框中输入javascript.json,找到这个点击打开。里面是段被注释的代码,不用理会。我们在下面直接写我们要定义的内容。如图所示。我在讲一下这几个东西的意思吧

vscode 中如何自定义用户代码片段

3、"printtoconsole":{"prefi垓矗梅吒x":"log","body媪青怍牙":["console.log('$1')",],"description":"自定义用户代码片段"},这个printtoconsole就是给这段代码片段起一个名字,随便写什么"prefix":"" //这个是定义一个快捷语句。以后在编辑器里面输入快捷语句的内容就会出现下面的body中定义的内容区域"body":[ ] //这块是内容区域:里面写内容(重要)"body":[//在这里定义你的内容,下面是注意点//1.里面的每一句话都要用双引号包裹起来//2.每一句话用逗号分隔开//3.其中/ "都要转义,用\转义。举例你要输入一个</div>,必须要这样写<\/div>//4.其中的$1、$2、$3...表示的意思是光标出现在哪里,你希望第一次光标出现在什么位置,就在那个写一个$1,以此类推。光标切换通过tab建]"description":""//这个是写一个描述,随便写什么。

4、我在下面定义了一个vue的快捷代码如图

vscode 中如何自定义用户代码片段

5、使用代码片段效果

vscode 中如何自定义用户代码片段
  • 联想笔记本电脑的home键怎么使用
  • 罗技鼠标怎么设置鼠标连点
  • X-rite爱色丽ColorChecker 24色色卡使用方法
  • 怎样使用开黑语音?
  • 武器大师竞技场怎么进入
  • 热门搜索
    牙齿手抄报 一年级手抄报大全 法制手抄报图片大全 端午节手抄报简单字少 法律手抄报内容 新型冠状病毒的手抄报 中秋节手抄报设计图 教室节手抄报 庆国庆手抄报简单漂亮 感恩母爱手抄报第一名