网站定制页面调整至居中,aspcms园林绿化工程网站源码,郴州新网招聘信息招聘频道,wordpress 模板 教程为什么谈到Snippet
今天下午在用vscode做小程序的时候#xff0c;发现很不方便#xff0c;因为商店里提供的代码片段极为有限#xff0c;而且平时几乎每天都需要用到代码片段#xff0c;所以就在思考他们是怎么做到给别人提供代码的#xff0c;我可以自定义代码片段吗。然…为什么谈到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: 格式化为两位数字的当前月份如 02CURRENT_MONTH_NAME: 当前月份的全称如 JulyCURRENT_MONTH_NAME_SHORT: 当前月份的简称如 JulCURRENT_DATE: 当天月份第几天CURRENT_DAY_NAME: 当天周几如 MondayCURRENT_DAY_NAME_SHORT: 当天周几的简称如 MonCURRENT_HOUR: 当前小时24 小时制CURRENT_MINUTE: 当前分钟CURRENT_SECOND: 当前秒数。
可选项当光标到该处的时候弹出一些可选择项使用 | | 后面是自己提供的可选项 我这里是提供了两个值值之间使用逗号进行分隔 body的高级语法可以参考这里写的很详细 最后
效果 最后附上把自己的snippet放到market上的教程使劲戳
这里
