vscode快速打出console.log()

已于 2022-04-23 10:25:45 修改
阅读量1.4k 收藏
点赞数 2
文章标签： javascript
于 2022-04-21 16:09:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51720146/article/details/124324207
版权

1.打开vscode文件>首选项>用户片段

在这里插入图片描述

2.找到javascript.json打开

在这里插入图片描述

prefix :表示输入字母后提示console.log()
(我是比较喜欢输出cl接着回车就可以直接打出，这个根据个人习惯修改)

$1 表示光标停留的位置

保存之后输入cl看效果图

在这里插入图片描述

回车后效果
在这里插入图片描述

彭于晏-
关注
VSCode设置console.log快捷键
zhangyubababa的博客
12-10 6754
1打开vscode,选择文件–首选项–用户代码片段 2选择javascript类型，打开javascript.json文件 3按照操作，设置快捷输入 4 { “Print to console”: { “prefix”: “cl”, “body”: [ “console.log(’$1’);”, ], “description”: “Log output to console” } } ...
零基础入门vscode插件开发(以console.log加前缀为例)
weixin_34101229的博客
05-12 1845
前言 console.log是window上的一个常用方法，该函数可以把各种信息打印输出到浏览器控制台，以便开发者进行调试、定位问题。 在代码量很少的情况下，多次使用console.log，开发者还能勉强在控制台找到自己想要的信息。eg: var student={ name:"zhangsan", age:12 } console.log(student.name) var teache...
vscode 快速打出console.log()
无妄生欢的博客
04-07 1万+
作为一名前端开发，console.log是一个使用频率极高的调试功能，快来看看看看如何快速的打出console.log()，仅需四步即可。
使用vscode时快速生成console.log()
最新发布
douyh的专栏
05-07 1050
前言：在使用vscode开发进行调试时，我们经常要用到console.log()来调试代码，有什么好用的办法来快速生成，答案肯定是有的，下面跟随我来看一下是不是真的很好用。比如我们要快速生成setInterval(() => {})，那我们只需要键入sti即可。比如我们要快速生成setTimeout(() => {})，那我们只需要键入sto即可。比如我们要快速生成console.log()，那我们只需要键入clg即可。比如我们要快速生成forEach循环，那我们只需要键入fre即可。
vscode 快速打印console.log
zw19940808的博客
11-13 1521
一个键，输出一个console
vscode快捷打出console.log() vscode快速输出
qq_34200636的博客
02-21 3368
vscode快捷输出console.log()
vscode快速设置console.log快捷键
CiCi2012_3_6的专栏
09-13 850
打开后搜索:javascript->javascript.json,里面添加: "Print to console": { "prefix": "cnl", "body": [ "console.log($1)" ], "description": "Log output to console" } 代码中输入cnl,回车即可 ...
node.js中的console.timeEnd方法使用说明
10-25
如果不存在，则抛出错误，提示用户没有使用该标签进行开始计时。如果存在，方法计算当前时间和记录的开始时间之差，得到持续时间`duration`，最后通过`log`方法输出计时结果。 理解了上述内容，我们可以更加有效地...
uniapp 微信小程序 vue 生产环境去除console.log 日志
qq_41777791的博客
05-12 6549
uniapp 微信小程序 vue 生产环境去除console.log日志
使用 Truffle 的 Console.log调试智能合约
SSB555777的博客
05-08 221
在 web3 和智能合约开发的上下文中，console.log 起着类似的作用，允许开发人员从他们的智能合约中打印出 Solidity 变量和其他信息。虽然 Truffle 长期以来一直是智能合约开发工具的领导者——为创建、测试和调试智能合约提供易于使用的环境——但直接集成的 console.log 是它仍然需要的功能。最重要的是，console.log 功能——与 Truffle 中的其他调试工具相结合——可以提供更好的开发人员体验，这要归功于它的。这样，您将有一个很好的方式来观察您的智能合约。
[vscode技巧]快速补全console.log()
SCUhzs
08-25 2511
英文版File>preference>User Snippets>目标语言(javascript).json中文版文件>首选项>用户代码片段>目标语言(javascript).jsonimage-20210810095800360// 将javascript代码片段放在这里。每个代码段都在代码段名称下定义，并具有前缀、正文和说明。前缀用于触发代码段，正文将展开并插入。可能的变量有：$1、$2表示制表位，$0表示最终光标位置，${1:label}，${2:othe
vscode 中 设置快捷代码块：console.log
情疏的博客
04-27 1814
作为一个前端程序猿，我相信大家天天都在手敲这段代码： console.log(); 现在来教大家如何在 VsCode（不专业） Visual Studio Code 中设置上面这段代码的快捷键。 1、首先打开工具左上角 文件 ---- 首选项 ---- 用户片段，然后输入 javascript.json ，回车，如下： 直接把他的例子取消注释，需要新增其他代码块的可以按照格式运行 CV 大法、 简单介绍一下字段意思： prefix：你想偷懒成什么样，如上图设置，在代码块中输入 log 之后效
vscode console.log快捷键
qq_43631129的博客
12-04 1052
vscode console.log快捷键
VScode设置console.log('')快捷键
杨幂等
11-16 5628
打开vscode,选择文件–首选项–用户代码片段 选择javascript类型，打开javascript.json文件 按照操作，设置快捷输入： { "Print to console": { "prefix": "cl", "body": [ "console.log('$1');", ], "description": "Log output to con...
React 脚手架项目,typescript,在vscode中进行调试,并重写console.log
goodboy31985的博客
07-03 2398
使用create-react-app 脚手架创建的项目,一般默认是在chrom中进行调试,但是如果你想要在vscode中进行调试,就要做相应的配置,并且原有的日志功能也不是很完善,所以下面我们就想办法让React项目在vscode中进行调试,并且改进一下console.log的功能 React 脚手架项目,使用mock数据,模拟后端数据用脚手架创建项目并运行安装必要的插件配置.vscode/launch.json增强console.log 用脚手架创建项目并运行 首先使用create-react-app 脚
VSCode设置console.log()快捷键方法
lwenl的博客
04-13 4595
一、打开vscode,选择文件–首选项–用户代码片段 二、选择javascript类型，打开javascript.json文件 三、按照操作，设置快捷输入 “Print to console”: { “prefix”: “log”, “body”: [ “console.log(’$1’);”, “$2” ], “description”: “Log output to console” } [C...
VScode 的 console 快捷方式 console.log()简写
Jkssns的博客
07-02 3424
平时打一个console.log()需要半天，如果console打错了又是需要半天找错，webpack构建的小项目还好，万一是大项目或者gulp，又是半天的漫长等待，简直是浪费生命。 { "redConsole": { "prefix": "lr", "body": [ "console.log(`%c \"$1::: \"${$1}`,'color: red;')" ], "description": "red console.log" }, "console.log":.
【问题记录】vscode调试vue，console.log在vscode终端窗口无输出问题，从尝试到放弃
danqiu的博客
10-29 7609
vscode调试vue，console.log在vscode终端窗口无输出问题，从尝试到放弃
VScode使用--代码段设置console.log以及调整代码段提示的显示位置
热门推荐
郭召的博客
05-09 3万+
visual studio code——使用代码段设置console.log以及代码段显示位置调整 不同于WebStorm系统内定制了方法，输入’.log’可以非常方便的实现功能。 在VSCode只能退而求其次设置代码段实现类似的效果了。步骤如下：进入设置页面：文件>首选项>用户代码片段>选择设置的语言。 去掉注释就可以了，当然你也可以把其他多余的删除(注释的内容是snippet 的格式，
vscode安装node.js
09-13
console.log("Hello, World!"); ``` 保存文件后，在vscode中按下Ctrl+`打开集成终端。确保终端显示的是node.js终端。 在终端中，使用node命令运行文件。在命令行中输入以下命令： ```bash node 文件名.js ``` ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值