vsCode创建javaScript代码模板

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

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

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

出现如下效果

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

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

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

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

vsCode创建javaScript代码模板相关推荐

vscode设置templates_Vscode中快速创建自定义代码模板的方法
Vscode中快速创建自定义代码模板一招鲜,吃遍天,学会了这个在Vscode中快速创建自定义代码模板的教程,我相信创建其它代码模板的方法你也就通个七七八八了. 我就以Vue的创建为例,不过我这个Vu ...
创建JAVASCRIPT对象3种方法
创建JAVASCRIPT对象3种方法方法一:直接定义并创建对象实例 var obj = new Object(); //创建对象实例 //添加属性obj.num = 5; //添加属性 o ...
vscode创建代码截图_如何在VSCode中创建代码配置文件
vscode创建代码截图 This post piggybacks off of the work done by @avanslaars who is a fellow instructor at ...
创建 JavaScript 对象
http://www.w3school.com.cn/js/js_objects.asp 创建 JavaScript 对象通过 JavaScript,您能够定义并创建自己的对象. 创建新对象有两种不 ...
乐鑫ESP32开发 1.Vscode创建新工程，编译，下载烧录，监视端口，点亮一个LED
前言 Vscode安装ESP-IDF插件后,会在左下角生成一些按钮,用户可以点击实现配置.编译.下载.调试等功能. 但鉴于ESP-IDF的Vscode插件体验不是很好:不仅容易安装出错导致不能使用 ...
vscode配置vue代码模板
在开发vue项目过程中,我们需要经常创建.vue的组件文件,这时候就要一遍遍的重写vue组件模板代码,相信大家都有遇到这个问题.现在不需要大家一遍遍写组件模板或者复制粘贴了,只需要在vscode中配置 ...
uni-app—使用vscode创建小程序项目（图文）
输入 vue create -p dcloudio/uni-preset-vue my-project 选择模版我选择的是默认模版,这样里面什么都没有,可以再安装自己需要的即可成功之后文件夹就是这 ...
从头搭建rpc框架_#LearnByDIY-如何从头开始创建JavaScript单元测试框架
从头搭建rpc框架 by Alcides Queiroz 通过Alcides Queiroz #LearnByDIY-如何从头开始创建JavaScript单元测试框架 (#LearnByDIY - H ...
VsCode创建第一个vue项目
转载自:https://www.cnblogs.com/z45281625/p/9015380.html VsCode创建第一个vue项目使用vue-cli快速构建项目 ( vue-cli 是vu ...

vsCode创建javaScript代码模板

vsCode创建javaScript代码模板

vsCode创建javaScript代码模板相关推荐

最新文章

热门文章