vsCode创建javaScript代码模板

vsCode创建javaScript代码模板

由于自己在使用js,创建的脚本总是带有一些用于提醒的注释,每次创建都得手动删除,在水群的过程中,有人提出了这样的疑问,我们有什么办法可以创建没有这些注释的脚本呢,我一想,对啊,我怎么没有想过这个问题,看来动脑太少了。有的时候确实应该有一颗偷懒的心,当然不是贬义,这样才能去思考如何简化操作,提高效率的方法。所以今天去查了一下,并尝试成功后,想写个博客来个小小总结(因为是职场小白,因此就想写一个细致的操作流程,不用在费脑子去理解,毕竟自己当时琢磨了一会才明白。一份简单的SOP都是经验的总结。
下面是一则图形并茂操作流程
首先,打开vsCode
在这里插入图片描述
点击 文件 —— 首选项 —— 用户代码片段 ,
在这里插入图片描述
在出现的搜索框中输入javascript,点击下方出现的javascript.Json,
在这里插入图片描述
出现如下效果
在这里插入图片描述
一般代码模板包括
"js_template":代码模板的名称,但不是用来搜索的,每个代码模板都是在一个名称下生成的
"prefix":用于vsCode中输入代码时只能提示的关键词

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

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值