【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解

1. 进入VS Code代码片段设置

  • 图形化进入:
    【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第1张图片
  • 命令进入:使用Ctrl+Shift+P打开命令面板,输入sni选择配置用户代码片段:
    【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第2张图片

2. VS Code内置代码片段

【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第3张图片
【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第4张图片
【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第5张图片

3. 新建用户自定义代码片段

选择.新建全局代码片段文件

【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第6张图片

设置代码片段名称

编辑代码片段内容

默认内容为空,注释中给出了基本的代码片段格式,可以看到要以json格式编写
【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第7张图片

其中每一项的意思如下:

  • Print to console:代码片段名称;
  • scope
  • prefix:输入时VS Code检测的关键字;
  • body:代码片段内容;
  • description:代码片段描述;

其中编写body的时候需要分行编写,并且在其中可以使用占位符控制插入后光标的位置和要显示的内容,比如:

  • $1表示插入后第一个光标位置,$2表示第2个光标位置,依次类推,$0表示最后一个光标位置;
  • ${1: 请输入文件名}表示第一个光标位置,并且默认显示“请输入文件名”;

最后用一个例子来说明如何编写:

【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第8张图片

4. 插入用户代码片段

在输入代码的时候输入设置的代码关键字,即之前prefix字段设置的值即可触发自动提示:


【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解_第9张图片

你可能感兴趣的:(#,宇宙最强编辑器VS,Code)