vsCode创建javaScript代码模板

由于自己在使用js,创建的脚本总是带有一些用于提醒的注释,每次创建都得手动删除,在水群的过程中,有人提出了这样的疑问,我们有什么办法可以创建没有这些注释的脚本呢,我一想,对啊,我怎么没有想过这个问题,看来动脑太少了。有的时候确实应该有一颗偷懒的心,当然不是贬义,这样才能去思考如何简化操作,提高效率的方法。所以今天去查了一下,并尝试成功后,想写个博客来个小小总结(因为是职场小白,因此就想写一个细致的操作流程,不用在费脑子去理解,毕竟自己当时琢磨了一会才明白。一份简单的SOP都是经验的总结。
下面是一则图形并茂操作流程
首先,打开vsCode

点击 文件 —— 首选项 —— 用户代码片段 ,

在出现的搜索框中输入javascript,点击下方出现的javascript.Json,

出现如下效果

一般代码模板包括
"js_template":代码模板的名称,但不是用来搜索的,每个代码模板都是在一个名称下生成的
"prefix":用于vsCode中输入代码时只能提示的关键词

"body":模板内容
"description":对于自己定义的模板的描述,在脚本中输入模板关键字时,右侧会提示的内容
注意点:每行代码都需要用双引号引起来,换行:代码末尾添加 \n,缩进:代码前添加 \t ,如果双引号内部还有双引号,则需使用转义字符 \ ,光标预设位置:使用美元符号 $0 可以设置多点 $1,$2等

在自己脚本中输入代码模板关键字时的状态

按照上图中的例子,点击touch_fragment或按回车键时,代码效果如下图

更多推荐

vsCode创建javaScript代码模板