Snippet 是？

不同文件的模板语法/代码片段，可以设置好后在不同类型文件快速插入，提高效率。
例如：可以在Markdown使用快捷键生成自己想要的模板内容，自定义输入时tab的跳转位置

具体设置

官方文档

生成snippet的在线网站 snippet-generator

ctrl+shift+p 打开面板进入snippet配置项
选择要配置模板的文件类型，例如Markdown，会进入json配置文件；

markdown.json

{// Place your snippets for markdown here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the // same ids are connected.// Example:// "Print to console": {//    "prefix": "log",//  "body": [//       "console.log('$1');",//         "$2"//    ],//    "description": "Log output to console"// }"record": {"prefix": "rr","body": ["---","","- Time: $1 ","- Previous: $2 ","- Feel/notion: $3 ","- Next to-do: $0 "," ","---"],"description": ""}}

配合快捷键可以快速生成模板，也可以在英文输入法下 ctrl+space 自动补全模板；
需要配置快捷键需要打开keybindings.json

添加如下，即可 ctrl+1 生成模板

    {"key": "ctrl+1","command": "editor.action.insertSnippet","when": "editorTextFocus","args": {"langId": "markdown","name": "record"}}

name对应模板名称

vscode配置Markdown snippet 的快捷键相关推荐

VsCode配置MarkDown
VsCode配置MarkDown 1 下载VsCode 通过VsCode官网下载并安装Vscode https://code.visualstudio.com/Download 下载对应版本的VsCo ...
(003)RN开发VSCode配置RN以及常用快捷键
VS Code 开源轻量级:更少的内存和 CPU 占用率更大的社区:插件,教程等使用 JavaScript 和 TypeScript 时更好一点更多"面向未来" WebSt ...
vscode 添加新建文件夹快捷键 (配置 when 属性)
实现目标在获取左侧项目栏文件夹焦点情况下添加新建文件夹的快捷键 Shift + A 我本来是个atom忠实粉丝, 但是atom使用window10自带输入法在书写汉字时总是会出现首字母缺失的情况, ...
vscode html注释快捷键_史上最全vscode配置使用教程
点击上方蓝字"前端码头"一起玩耍工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使用一款前端开发工具.但前端开发工具数不胜数,像HBuilder.Sublime Tex ...
vscode配置用户代码片段（快捷键自定义代码模板）
vscode 配置用户代码片段入口如下分享两个我配置的 1.vue 文件代码初始化,有些已经注释了,可以自行调整 {// Place your snippets for Vue here. Eac ...
如何恢复vscode的默认配置_史上最全vscode配置使用教程
工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使用一款前端开发工具.但前端开发工具数不胜数,像HBuilder.Sublime Text.WebStorm.Visual Studio Co ...
vscode emmet默认模板_史上最全vscode配置使用教程
工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使用一款前端开发工具.但前端开发工具数不胜数,像HBuilder.Sublime Text.WebStorm.Visual Studio Co ...
史上最全vscode配置使用教程
史上最全vscode配置使用教程正在上传-重新上传取消灰蓝宇墨上海闪店联信息科技有限公司前端工程师 5,041 人赞同了该文章工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使 ...
Docker+VSCode 配置属于自己的深度学习炼丹炉
来自 | 知乎作者 | 常庆丰地址 | https://zhuanlan.zhihu.com/p/102385239 本文仅作学术分享,若侵权,请联系后台删文处理序之所以要写这么一篇介绍的文章 ...

vscode配置Markdown snippet 的快捷键

Snippet 是？

具体设置

官方文档

生成snippet的在线网站 snippet-generator

vscode配置Markdown snippet 的快捷键相关推荐

最新文章

热门文章