制作Visual Studio Code代码片段变量提示

ES6 有个好玩的东西:

let bar = "hello the nodejs!";
let foo = `
She saied :"${bar}"
`;
console.log(foo) // She said :"hello the nodejs!"

反引号(`)里面字符的格式(换行、空格、缩进之类的)是不变的,写了什么就是什么,而且可以通过"${}"嵌入变量。你可以用它输出你想要的内容,我经常用来生成文件——尤其是那些有固定格式的文件。下面举个例子:

用来写visual studio code 编辑器的JSON文件的代码片段。

"user strict";

const fs = require('fs');

const vars = [
    "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",
    "CURRENT_MONTH_NAME",
    "CURRENT_MONTH_NAME_SHORT",
    "CURRENT_DATE",
    "CURRENT_DAY_NAME",
    "CURRENT_DAY_NAME_SHORT",
    "CURRENT_HOUR",
    "CURRENT_MINUTE",
    "CURRENT_SECOND"
];
const snippetDes = [
    "当前选定的文本或空字符串",
    "当前行的内容",
    "光标下的单词内容或空字符串",
    "基于零索引的行号",
    "基于单索引的行号",
    "当前文档的文件名",
    "没有扩展名的当前文档的文件名",
    "当前文档的目录(DIRname)",
    "当前文档的完整文件路径",
    "剪贴板的内容",
    "本年度(YYYY)",
    "本年度的最后两位数",
    "月份为两位数(例如'02')",
    "月份的全名(例如'July')",
    "月份的简称(例如'Jul')",
    "这个月的哪一天(10)",
    "一天的名字(例如'Monday')",
    "当天的简称(例如'Mon')",
    "24小时时钟格式的当前小时('14')",
    "当前时间的——分钟('10')",
    "当前时间的——秒('59')"
];



// 添加JSON头部
let jsonH = `{
    // ..........Start snippets variables ..........
    // Author: 1877675862@qq
    // USAGE:
    //      1. 打开VSCODE的“用户代码片段”,选择“json”类型。
    //      2. 拷贝本代码到“json.json”中保存即可(如果已有其他的片段,最外围的"{"和"}"不要复制进去)。
    "FULLDATE":{
        "prefix":"spfull",
        "body":"\\\"\\\\$CURRENT_YEAR-\\\\$CURRENT_MONTH-\\\\$CURRENT_DATE \\\\$CURRENT_HOUR:\\\\$CURRENT_MINUTE:\\\\$CURRENT_SECOND\\\"",
        "description":"日期时间:YYYY-MM-DD hh:mm:ss"
    },`;

fs.writeFileSync('_json.json', jsonH, { encoding: 'utf8', flag: 'w' })

// 开始批量写入snippets
for (let i = 0; i < vars.length; i++) {

    let tmp;

    if (i !== vars.length - 1) {
        tmp = `
    "${vars[i]}":{
        "prefix":"sp",
        "body":"\\\"\\\\$${vars[i]}\\\"",
        "description":"获取${snippetDes[i]}。"
    },`;
    } else {
        tmp = `
    "${vars[i]}":{
        "prefix":"sp",
        "body":"\\\"\\\\$${vars[i]}\\\"",
        "description":"获取${snippetDes[i]}。"
    }`;
    }

    console.log(vars[i] + " done!")

    fs.writeFileSync('_json.json', tmp, { encoding: 'utf8', flag: 'a' })
}

// 添加尾部内容

let endsp = `
// ..........End snippets variables ..........
}
`;

fs.writeFileSync('_json.json', endsp, { encoding: 'utf8', flag: 'a' })

JSON文件虽然用着方便,但写的时候很麻烦——引号" 符号太多了,写好模板用node跑一下就轻松得到了,最终生成的文件如下(_json.json):

{
    // ..........Start snippets variables ..........
    // Author: 1877675862@qq
    // USAGE:
    //      1. 打开VSCODE的“用户代码片段”,选择“json”类型。
    //      2. 拷贝本代码到“json.json”中保存即可(如果已有其他的片段,最外围的"{"和"}"不要复制进去)。
    "FULLDATE":{
        "prefix":"spfull",
        "body":"\"\\$CURRENT_YEAR-\\$CURRENT_MONTH-\\$CURRENT_DATE \\$CURRENT_HOUR:\\$CURRENT_MINUTE:\\$CURRENT_SECOND\"",
        "description":"日期时间:YYYY-MM-DD hh:mm:ss"
    },
    "TM_SELECTED_TEXT":{
        "prefix":"sp",
        "body":"\"\\$TM_SELECTED_TEXT\"",
        "description":"获取当前选定的文本或空字符串。"
    },
    "TM_CURRENT_LINE":{
        "prefix":"sp",
        "body":"\"\\$TM_CURRENT_LINE\"",
        "description":"获取当前行的内容。"
    },
    "TM_CURRENT_WORD":{
        "prefix":"sp",
        "body":"\"\\$TM_CURRENT_WORD\"",
        "description":"获取光标下的单词内容或空字符串。"
    },
    "TM_LINE_INDEX":{
        "prefix":"sp",
        "body":"\"\\$TM_LINE_INDEX\"",
        "description":"获取基于零索引的行号。"
    },
    "TM_LINE_NUMBER":{
        "prefix":"sp",
        "body":"\"\\$TM_LINE_NUMBER\"",
        "description":"获取基于单索引的行号。"
    },
    "TM_FILENAME":{
        "prefix":"sp",
        "body":"\"\\$TM_FILENAME\"",
        "description":"获取当前文档的文件名。"
    },
    "TM_FILENAME_BASE":{
        "prefix":"sp",
        "body":"\"\\$TM_FILENAME_BASE\"",
        "description":"获取没有扩展名的当前文档的文件名。"
    },
    "TM_DIRECTORY":{
        "prefix":"sp",
        "body":"\"\\$TM_DIRECTORY\"",
        "description":"获取当前文档的目录(DIRname)。"
    },
    "TM_FILEPATH":{
        "prefix":"sp",
        "body":"\"\\$TM_FILEPATH\"",
        "description":"获取当前文档的完整文件路径。"
    },
    "CLIPBOARD":{
        "prefix":"sp",
        "body":"\"\\$CLIPBOARD\"",
        "description":"获取剪贴板的内容。"
    },
    "CURRENT_YEAR":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_YEAR\"",
        "description":"获取本年度(YYYY)。"
    },
    "CURRENT_YEAR_SHORT":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_YEAR_SHORT\"",
        "description":"获取本年度的最后两位数。"
    },
    "CURRENT_MONTH":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_MONTH\"",
        "description":"获取月份为两位数(例如'02')。"
    },
    "CURRENT_MONTH_NAME":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_MONTH_NAME\"",
        "description":"获取月份的全名(例如'July')。"
    },
    "CURRENT_MONTH_NAME_SHORT":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_MONTH_NAME_SHORT\"",
        "description":"获取月份的简称(例如'Jul')。"
    },
    "CURRENT_DATE":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_DATE\"",
        "description":"获取这个月的哪一天(10)。"
    },
    "CURRENT_DAY_NAME":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_DAY_NAME\"",
        "description":"获取一天的名字(例如'Monday')。"
    },
    "CURRENT_DAY_NAME_SHORT":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_DAY_NAME_SHORT\"",
        "description":"获取当天的简称(例如'Mon')。"
    },
    "CURRENT_HOUR":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_HOUR\"",
        "description":"获取24小时时钟格式的当前小时('14')。"
    },
    "CURRENT_MINUTE":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_MINUTE\"",
        "description":"获取当前时间的——分钟('10')。"
    },
    "CURRENT_SECOND":{
        "prefix":"sp",
        "body":"\"\\$CURRENT_SECOND\"",
        "description":"获取当前时间的——秒('59')。"
    }
// ..........End snippets variables ..........
}

可能你会觉得直接写可能比先写好模板在运行要快!的确,代码量差不多,直接写可能是要快些,但等到需要多次修改的时候你就会发现有模板真的太好了......

一般JSON是没有使用(//)进行注释的,这里只是例外。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,427评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,551评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,747评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,939评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,955评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,737评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,448评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,352评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,834评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,992评论 3 338
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,133评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,815评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,477评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,022评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,147评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,398评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,077评论 2 355

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,671评论 18 139
  • “女王陛下一片真心,贫僧已知。那今日贫僧就暂且应了,阿弥陀佛……” “本王与御弟哥哥情头意合,此乃天作之…….” ...
    舟小博阅读 913评论 0 0
  • 人多多少少都是 按照自己的模式活下来的。 当别人和自己差别太大时会感到生气, 过于相像又会觉得悲哀。 如此而已。 ...
    文必惊人阅读 695评论 0 0
  • 长期投资成长性标的物,唯一正确的办法是低买高不卖。 持续性用场外的钱买入更多的份额是核心原则。 两种买入方法: 1...
    海阔天空下的农民阅读 164评论 0 0
  • 当陪伴被判上无期徒刑,却没办法改变事实。当奋力去追赶那叫做珍惜的公交,却发现到不了你要去终点站。当真的面临失去,却...
    化名安阅读 1,170评论 2 5