在 Visual Studio Code 中为代码片段(Code Snippets)添加快捷键

栏目: ASP.NET · 发布时间: 7年前

内容简介:Visual Studio Code 默认是关闭了 Markdown 的智能感知提示的(因为真的是不好用,尤其是其没有中文分词的情况下)。那么在没有智能感知提示的情况下如何快速插入代码片段呢?可以使用快捷键!本文介绍如何为代码片段绑定快捷键。

Visual Studio Code 默认是关闭了 Markdown 的智能感知提示的(因为真的是不好用,尤其是其没有中文分词的情况下)。那么在没有智能感知提示的情况下如何快速插入代码片段呢?

可以使用快捷键!

本文介绍如何为代码片段绑定快捷键。

代码片段本没有快捷键相关的字段可供设置的,不过在快捷键设置中可以添加代码片段相关的设置。

首先,在 Visual Studio Code 中打开快捷键设置:

在 Visual Studio Code 中为代码片段(Code Snippets)添加快捷键

选择手工编辑快捷键配置文件:

在 Visual Studio Code 中为代码片段(Code Snippets)添加快捷键

在配置文件中添加这些代码即可关联一个代码片段:

[
  {
    "key": "alt+p",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "langId": "markdown",
      "name": "Insert a post for walterlv.com"
    }
  }
]

在这个配置中, alt+p 是我指定的快捷键, editor.action.insertSnippet 表示执行命令插入代码片段,生效条件为 editorTextFocus 及文本编辑器获得焦点的期间。

args 字段指定了两个值,作为对一个现有代码片段的引用。 langId 是生效的语言 Id, name 是代码片段的名称。这个名称是我在 在 Visual Studio Code 中添加自定义的代码片段 中做的代码片段的名称。

保存,现在按下 alt+p 后就会插入指定的代码片段了。

事实上, args 也可以不是引用,而直接是代码片段的内容:

[
  {
    "key": "alt+p",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "@[TOC](walterlv 的博客目录)"
    }
  }
]

这样,也不需要事先定义代码片段了。

额外提及以下,Visual Studio Code 快捷键只能设置全局的而不能设置仅工作区生效,详情请看 load keybindings.json from .vscode dir if there is any ? · Issue #10708 · Microsoft/vscode 。

参考资料


以上所述就是小编给大家介绍的《在 Visual Studio Code 中为代码片段(Code Snippets)添加快捷键》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。

Web开发权威指南

Web开发权威指南

[美] Chris Aquino,、[美] Todd Gandee / 奇舞团 / 人民邮电出版社 / 2017-9 / 99.00元

本书在知名培训机构Big Nerd Ranch 培训教材的基础上编写而成,囊括了JavaScript、HTML5、CSS3等现代前端开发人员急需的技术关键点,包括响应式UI、访问远程Web 服务、用Ember.js 构建应用,等等。此外,还会介绍如何使用前沿开发工具来调试和测试代码,并且充分利用Node.js 和各种开源的npm 模块的强大功能来进行开发。 全书分四部分,每部分独立完成一个项......一起来看看 《Web开发权威指南》 这本书的介绍吧!

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具