详解vscode中console.log的两种快速写法
更新时间：2021年11月08日 11:16:40 作者：时光-ing
这篇文章主要介绍了vscode中console.log的两种快速写法,每种方法通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
（一）方法一：直接在script标签中提前定义，仅适用于该html文件！
let add = function(a,b){
return a + b;
};
console.log(add(20,300));
const { ['log']:C } = console;
C(add(20,300));
（二）方法二：按tab键快速生成console.log，且光标在()内部,再次按tab键光标自动跳转到下一行！
1、打开vscode编辑器，选择文件->首选项->用户片段，输入javascript.json并按下enter进入。
初次使用我们会发现一段被注释的代码如下：
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// "Print to console": {
// "prefix": "log",
// "body": [
// "console.log('$1');",
// "$2"
// ],
// "description": "Log output to console"
// }
}
2、解除Example以下的区间代码如下，其中部分参数意义如下：
①prefix:代码快捷键的入口,在这里我们根据个人习惯进行设置即可，如我设置的cl,那么配合tab健就可以直接生成console.log；
②body表示代码主体：
$1表示生成代码快速生成后后光标首次出现的位置
$2写在"console.log('$1');"下面,表示在快速生成console.log()后,代码后会空出一行,并且再次按tab键时,光标会跳转到$2（空出的一行）的位置
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "cl",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
}
到此这篇关于vscode中console.log的两种快速写法的文章就介绍到这了,更多相关vscode console.log写法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
在java中有private属性，强大的功能js不能实现就矮人一截，匿名函数，发扬广大2010-09-09
用javascript实现画板的代码...2007-09-09
做这个轮播图的组件，我们先从一个最简单的 DOM 操作入手。使用 DOM 操作把整个轮播图的功能先实现出来，然后在一步一步去考虑怎么把它设计成一个组件系统2021-04-04
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
这篇文章主要介绍了bootstrap模态框跳转到当前模板页面，框消失了，而背景依然存在问题的解决方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要为大家详细介绍了js实现淘宝首页的banner栏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
全面解析JavaScript中的valueOf与toString方法(推荐)
本文给大家介绍JavaScript中的valueOf与toString方法，valueOf() 方法可返回 Boolean 对象的原始值，toString() 方法可把一个逻辑值转换为字符串，并返回结果。对js中valueof和tostring相关知识感兴趣的朋友一起学习吧2016-06-06
这篇文章主要介绍了js判断undefined类型的实现方法,需要的朋友可以参考下2014-02-02
js验证是否为数字的总结，需要的朋友可以参考一下2013-04-04
经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。这里简单做一下总结2014-06-06
这篇文章介绍了在JS中文字图片上下滚动的实现代码，需要的朋友可以参考一下2013-06-06
最新评论