vs code 编辑用户代码片段的案例

vs code 添加用户代码片段

更新于: 2018-12-19

用户代码片段主要是快捷生成一段代码,类似于快捷键。

1. 进入“用户代码片段”有两种方式:

  1. 第一种快捷键
    快捷键Ctrl+Shift+p,然后输入snippets即可对各个文件类型进行编辑。

vs code 编辑用户代码片段的案例

  1. 第二种图形界面操作
    第一步:
    vs code 编辑用户代码片段的案例
    第二步:选择文件类型
    vs code 编辑用户代码片段的案例

2. 添加编辑代码片段

使用默认代码片段

默认文档中有一段代码片段示例,不过已经被注释。注释去掉,试一下效果。
vs code 编辑用户代码片段的案例
效果如下:
vs code 编辑用户代码片段的案例

自定义代码片段

以vue的初级模板代码为例:
在第一个代码片段后添加另一个:
vs code 编辑用户代码片段的案例
vs code 编辑用户代码片段的案例
成果:

vs code 编辑用户代码片段的案例

3. 注意事项

  • 代码片段中有特殊字符需要转义。比如"content",需要转换为\"content\"
  • 需要缩进需要在代码前加空格或者\t;
  • $1$2表示tab键停留的位置