【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解
2019-06-24 20:09
901 查看
1. 进入VS Code代码片段设置
- 图形化进入:
- 命令进入:使用Ctrl+Shift+P打开命令面板,输入
sni
选择配置用户代码片段:
2. VS Code内置代码片段
3. 新建用户自定义代码片段
选择.新建全局代码片段文件
设置代码片段名称
编辑代码片段内容
默认内容为空,注释中给出了基本的代码片段格式,可以看到要以json格式编写:
其中每一项的意思如下:
Print to console
:代码片段名称;scope
:prefix
:输入时VS Code检测的关键字;body
:代码片段内容;description
:代码片段描述;
其中编写body的时候需要分行编写,并且在其中可以使用占位符来控制插入后光标的位置和要显示的内容,比如:
$1
表示插入后第一个光标位置,$2
表示第2个光标位置,依次类推,$0
表示最后一个光标位置;${1: 请输入文件名}
表示第一个光标位置,并且默认显示“请输入文件名”;
最后用一个例子来说明如何编写:
4. 插入用户代码片段
在输入代码的时候输入设置的代码关键字,即之前
prefix字段设置的值即可触发自动提示:
相关文章推荐
- Vscode编辑器中使用v-for的报错解决方法
- 在vscode里使用.vue代码模板的方法
- VSCode中使用Markdown及插入图片方法
- egg.js目录结构、vscode中快速生成egg代码片段
- 使用vscode创建vue代码片段
- .NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧
- VS code自定义用户代码片段snippet
- VSCode保存插件配置并使用 gist 管理代码片段
- VSCode 如何操作用户自定义代码片段(快捷键)
- VS Code添加vue的代码片段,光标悬停在class和name上,可快速定义
- Element-ui tree组件自定义节点使用方法代码详解
- .NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧
- VScode中自定义用户代码片段(C user snippet)自动生成C语言头文件排除重复包含
- PyCharm使用技巧:Live Templates(快速输入自定义代码片段)
- 前端html、CSS快速编写代码插件-Emmet使用方法技巧详解
- vscode 如何创建自定义代码片段
- VSCode 快速生成vue代码片段
- 详解VS Code使用之Vue工程配置format代码格式化
- vscode 自定义代码片段
- XCode: 添加自定义代码片段到Code Snippets Library(常见代码段高效使用)