为什么谈到Snippet

今天下午在用vscode做小程序的时候，发现很不方便，因为商店里提供的代码片段极为有限，而且平时几乎每天都需要用到代码片段，所以就在思考他们是怎么做到给别人提供代码的，我可以自定义代码片段吗。然后查了下，果然，这在vscode里自带的（好像藏得有点深），是可以自定义的，然后在做完自己的任务后捣鼓了下，基本了解了snippet的语法，突然有种打开新世界大门的感觉。做个记录，上菜了

如何打开snippet配置

这里以vscode为例，其他编辑器大概也差不多。在vscode中快捷键「Ctrl + Shift + P」打开命令窗口，然后输入snippet,选择 [配置用户代码片段]，点击后，就可以愉快的进行片段的编写了

Snippet怎么用

先上一个Demo

"html template": {

    "prefix": "ht",

    "body": [

      "<!DOCTYPE html>",

      "<html lang=\"en\">",

      "<head>",

      "  <meta charset=\"UTF-8\">",

      "  <title>${1:$CURRENT_DATE}</title>",

      "</head>",

      "<body>",

            " <div class=\"${2|container,wrapper|}\">",

            "   ${3}",

            " </div>",

      "</body>",

      "</html>",

    ],

    "description": "create a html frame"

  }

效果是这样滴

基础结构

  • 片段名字
  • prefix（前缀，输入的触发条件，比如上面例子中当我输入ht后，就能tab出来片段）
  • body（主体部分，在里面根据语法定义自己需要的代码片段）
  • description（说明，片段的具体描述）

基础语法

  • 每个逗号代表一整行的结束，双引号需要用转义字符 \
  • $number表示光标跳转的顺序，比如$1表示光标首次需要跳转的位置，相同序号的会在一起，另外$0表示最终光标位置
  • 变量，在未赋值的情况下提供默认值，这里提供一些变量
    TM_SELECTED_TEXT：当前选定的文本或空字符串；

    TM_CURRENT_LINE：当前行的内容；

    TM_CURRENT_WORD：光标所处单词或空字符串

    TM_LINE_INDEX：行号（从零开始）；

    TM_LINE_NUMBER：行号（从一开始）；

    TM_FILENAME：当前文档的文件名；

    TM_FILENAME_BASE：当前文档的文件名（不含后缀名）；

    TM_DIRECTORY：当前文档所在目录；

    TM_FILEPATH：当前文档的完整文件路径；

    CLIPBOARD：当前剪贴板中内容。

    时间相关

    CURRENT_YEAR: 当前年份；

    CURRENT_YEAR_SHORT: 当前年份的后两位；

    CURRENT_MONTH: 格式化为两位数字的当前月份，如 02；

    CURRENT_MONTH_NAME: 当前月份的全称，如 July；

    CURRENT_MONTH_NAME_SHORT: 当前月份的简称，如 Jul；

    CURRENT_DATE: 当天月份第几天；

    CURRENT_DAY_NAME: 当天周几，如 Monday；

    CURRENT_DAY_NAME_SHORT: 当天周几的简称，如 Mon；

    CURRENT_HOUR: 当前小时（24 小时制）；

    CURRENT_MINUTE: 当前分钟；

    CURRENT_SECOND: 当前秒数。
  • 可选项，当光标到该处的时候弹出一些可选择项，使用 | ，| 后面是自己提供的可选项 我这里是提供了两个值，值之间使用逗号进行分隔

  • body的高级语法，可以参考这里，写的很详细

最后

效果

最后附上把自己的snippet放到market上的教程，使劲戳这里

snippet,让你编码效率翻倍的更多相关文章

  1. Elastic Search 上市了，市值翻倍，这群人财务自由了！

    国庆长假,大部分人还深浸在风花雪月之中,而就在昨天(美国时间10月5号),我们 Java 程序员所熟知的大名鼎鼎的 Elastic Search 居然在美国纽约证券交易所上市了! 当说到搜索时,大部分 ...

  2. VS Code：让你工作效率翻倍的23个插件和23个编辑技巧

    VS Code:让你工作效率翻倍的23个插件和23个编辑技巧 总结了一些平时常用且好用的 VS Code 的插件和编辑技巧分享出来. 文章详情可查阅我的博客:lishaoy.net ,欢迎大家访问. ...

  3. 优步UBER司机奖励政策：含高峰、翻倍、行程、金牌司机、保底奖励(持续更新...)

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://didi-uber.com/archiv ...

  4. 北京优步UBER司机B组最新奖励政策、高峰翻倍奖励、行程奖励、金牌司机奖励【每周更新】

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  5. 大数翻倍法求解CRT

    目录 正文 引入 大数翻倍法 复杂度证明 大数翻倍法的优势 最后的最后:上代码! 注:做法和思路是 zhx 在一次讲课中提出的,如有侵权,请联系作者删除 其实别的题解也有提到过暴力做法,但这里将会给出 ...

  6. 2022必须拥有Chrome扩展程序 - 浏览器插件，让你上网效率翻倍

    在Chrome网上应用店中查找扩展程序 2022必须拥有Chrome扩展程序 - 浏览器插件,让你上网效率翻倍 可扩展的Chrome Web浏览器比某些人认识的功能强大得多.您可以自定义浏览体验,使其 ...

  7. 测试人生 | 薪资翻倍涨至50W是种什么样的体验？

    本文为霍格沃兹测试开发学社优秀学员跳槽笔记,测试开发进阶学习文末加群. 本人已经工作7年了,做的都是功能测试以及写一些简单的自动化脚本,加上之前没有学习的意识,导致专业技术水平与工作年限不匹配,在上家 ...

  8. 仅1年GitHub Star数翻倍，Flink 做了什么？

    Apache Flink 是公认的新一代开源大数据计算引擎,其流水线运行系统既可以执行批处理程序也可以执行流处理程序.目前,Flink 已成为 Apache 基金会和 GitHub 社区最为活跃的项目 ...

  9. PHP 7問世，2億網站效能翻倍有望

    經過10年的漫長等待,PHP 7終於正式問世了.這個影響全球8成網站的開發語言,一舉從5.0版,跳過了功敗垂成的6.0版,一舉進入了7.0時代. 20年前初夏,1995年6月8日,一位愛解決問題的C語 ...

随机推荐

  1. k8s dashboard 安装和证书更新

    1.k8s 搭建   参见https://blog.51cto.com/lizhenliang/2325770 [root@VM_0_48_centos ~]# kubectl get cs NAME ...

  2. docker入门-常用命令和网络

    一.常用命令 容器生命周期管理 run     运行一个容器 start/stop/restart  启动/停止/重启 kill   杀死一个容器 rm  删除一个容器 pause/unpause c ...

  3. linux文本处理grep

    grep grep (global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具 ...

  4. 手把手教你使用 Java 在线生成 pdf 文档

    一.介绍 在实际的业务开发的时候,研发人员往往会碰到很多这样的一些场景,需要提供相关的电子凭证信息给用户,例如网银/支付宝/微信购物支付的电子发票.订单的库存打印单.各种电子签署合同等等,以方便用户查 ...

  5. PHP Curl Accept-Encoding: gzip乱码问题解决

    在使用php curl对接hugegraph的过程中,发现向gremlin发送结果返回乱码,截图如下: 发现返回乱码的乱码请求中有Accept-Encoding: gzip,即返回的内容采用了gzip ...

  6. php 23种设计模式 - 设计模式简介以及分类

    一. Introduction[介绍] 设计模式:提供了一种广泛的可重用的方式来解决我们日常编程中常常遇见的问题.设计模式并不一定就是一个类库或者第三方框架,它们更多的表现为一种思想并且广泛地应用在系 ...

  7. 如何恢复 iCloud 已删除文件

    原文链接 问题 今天在查找之前的 C++ 笔记时,突然发现之前的资料全没了,整个 Cpp 文件夹内就只剩下了三个文件,怎么形容当时的心情呢,应该说是一下就跌倒了谷底,感觉之前的心血全白费了,有种深深的 ...

  8. LGP3813题解

    这道题是我去年11月份的时候看到的,当时写了一个假的做法没过样例,然后就没管了. 结果今天在模拟赛的时候放到了 T1( 我也不知道他为什么是对的,可是他就是过了样例和大样例.jpg 容易发现 \(n\ ...

  9. LOJ6485题解

    应该是经典题之一了. \[[n|k]=\frac 1 n\sum_{i=0}^{n-1}w_n^{ik} \] 有这个就可以算了. \[\sum_{i=0}^n\binom n i x^ia_{i \ ...

  10. Wireshark DTN解析器拒绝服务漏洞

    受影响系统:Wireshark Wireshark 2.2.0 - 2.2.1Wireshark Wireshark 2.0.0 - 2.0.7描述:CVE(CAN) ID: CVE-2016-937 ...