强烈推荐vsCode插件、自动生成console.log

已于 2023-03-31 17:55:56 修改
阅读量2.5k 收藏 10
点赞数 4
文章标签： vscode ide 编辑器
于 2023-03-31 17:54:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bright2017/article/details/129885652
版权

 Turbo Console Log

快捷键

ctrl + alt + l            选中变量之后，使用这个快捷键生成 console.log

alt + shift + c         注释所有 console.log

alt + shift + u         启用所有 console.log

alt + shift + d         删除所有 console.log

注意

页面原本存在的console不会被删除 ( alt + shift + d   )

效果

Bright2017
关注
零基础入门vscode插件开发(以console.log加前缀为例)
weixin_34101229的博客
05-12 1824
前言 console.log是window上的一个常用方法，该函数可以把各种信息打印输出到浏览器控制台，以便开发者进行调试、定位问题。 在代码量很少的情况下，多次使用console.log，开发者还能勉强在控制台找到自己想要的信息。eg: var student={ name:"zhangsan", age:12 } console.log(student.name) var teache...
vue 项目，开发模式下干掉console.log，项目的优化策略！！！
weixin_45587663的博客
04-15 1350
我们在vue项目开发过程中常用到console.log()来打印和观察数据！ 但是在发布模式下，我们又要将console.log()一一去掉！ 这就很尴尬，如何干掉它呢？ 一、第1种方法： vue ui可视化面板搭建的项目，我们可以下载：babel-plugin-transform-remove-console,这是babel下的一个插件，真正的插件名称叫：transform-remove-console 如何使用呢？？？ （1）下载并安装开发模式下的依赖：选中第一项就okay 了 （2）使用插件 1
screenlogjs是一款非常实用的可以将consolelog控制台信息显示在前台页面的js插件
08-10
screenlog.js是一款非常实用的可以将console.log控制台信息显示在前台页面的js插件。console.log是在控制台打印信息的方法，通过screenlog.js插件，我们可以将在控制台显示的信息转移到前台页面来查看。
2024 最新最全 VS Code 插件推荐！
最新发布
ll_renlong的博客
08-21 2714
此文档只作为个人学习记录Visual Studio Code 是由微软开发的一款开源的代码编辑器，它有了一个丰富的插件市场，提供了很多实用的插件。本文就来分享 2024 年开发必备的 VS Code 插件！
vscode 便捷console插件推荐: Fast-ConsoleLog
weixin_45676138的博客
08-17 990
vscode 便捷console插件推荐: Fast-ConsoleLog
一个非常好用的console神器【vscode插件】
feeeee889的博客
06-06 1798
使用该插件的好处： 1. 不必再手动输入console.log，实现快捷键一键生成； 2. 每次生成的console.log中会附带一个随机emoji，方便我们在众多输出中快速找到想要的输出（emoji不同于文字，人类的大脑在面对图像时印象会更深刻，并且emoji本身也挺有趣的😁）。
还在手打console.log？快来试试这个vscode插件 Quickly Log！！
Perback的博客
12-12 1861
作为一枚前端开发人员，尤其是在写业务代码的时候，避免不了需要经常在控制台打印变量来查看数据（反正我是这样哈哈哈哈哈），那么就需要频繁的来写console.log()，然后在里面再输入自己想要查看的变量名。比如下面这样的换行场景，我们希望在光标放在a，b，c这里的时候，会在第21行这里插入console.log语句，但是目前只会在光标的下一行插入，还需要手动移动到下面。选择了对应的文件类型，对应的代码片段只会在这个类型的文件里生效，想要在其他类型的文件里也使用同样的代码片段需要去对应的类型文件中复制一份。
VS code console.log快捷键设置 ：console.log(‘n＞＞＞‘,n)
范德萨的博客
01-13 1488
否则，选择 “新建全局代码片段文件”（New Global Snippets File）并命名为 “javascript.json”。一、打开 VS Code，并进入菜单栏选择 “文件”（File）-> “首选项”（Preferences）-> “键盘快捷方式”（Keyboard Shortcuts）。一、打开 VS Code，并进入菜单栏选择 “文件”（File）-> “首选项”（Preferences）-> “用户代码片段”（User Snippets）。二、在打开的键盘快捷方式面板中，点击右上角的。
vscode插件开发之Swagger生成Ts
a1196324866的博客
11-23 2897
vscode插件开发之Swagger生成Ts。当后端同学给到我们Swagger接口文档的时候，是不是在为要写接口类型烦恼，为了偷懒，那么就any吧。any一时爽，同事泪两行。为了高质量的偷懒，来开发个插件。利用SwaggerApiJson和vscode的webVIew功能。
.vscode 文件夹是什么，里面有什么？
阿城的博客
03-19 1万+
生成 setting.json 文件后，在可视化的工作区设置界面，修改的设置都会自动添加到 setting.json 文件中。众所周知，vscode 的配置分两类，一是全局的用户配置，二是当前工作区配置。vscode 打开的文件夹的根目录是一个工作区，如果项目中存在 package.json 文件，vscode 就会读取其中的脚本命令，可以方便的将脚本命令配置为任务。进入工作区设置界面，点击任一【在setting.json中编辑】链接都会自动创建setting.json文件。文件夹，它是干什么的？
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
10-15
例如，我们可以创建一个名为“Print to console”的代码片段，其前缀为“vue”，这意味着在新建`.vue`文件时，你可以输入“vue”然后按Tab键，VSCode会自动补全模板。 以下是一个简单的`vue.json`配置示例： ```...
VS Code 插件 Turbo Console Log 自定义 console.log 快速控制台输出
Demon's blog
02-02 1813
【代码】VS Code 插件 Turbo Console Log 自定义 console.log 快速控制台输出。
vscode console.log 插件
weixin_43881166的博客
03-29 2788
vscode console.log 插件 在项目中经常会打印数据进行调试，每次敲console.log 好麻烦，(浏览器Sources断点更适用于复杂、异步的调试bug) 发现了一个vscode插件 javascript console utils 安装 使用方法 随意选中变量 ctrl shift + L 也可以通过 ctrl shift + D 一键删除本页面所有console.log 这里再分享个插件 babel-plugin-transform-remove-console 可移除produc
VScode使用--代码段设置console.log以及调整代码段提示的显示位置
热门推荐
郭召的博客
05-09 3万+
visual studio code——使用代码段设置console.log以及代码段显示位置调整 不同于WebStorm系统内定制了方法，输入’.log’可以非常方便的实现功能。 在VSCode只能退而求其次设置代码段实现类似的效果了。步骤如下：进入设置页面：文件>首选项>用户代码片段>选择设置的语言。 去掉注释就可以了，当然你也可以把其他多余的删除(注释的内容是snippet 的格式，
vscode console.log快捷键
qq_43631129的博客
12-04 983
vscode console.log快捷键
[vscode技巧]快速补全console.log()
SCUhzs
08-25 2453
英文版File>preference>User Snippets>目标语言(javascript).json中文版文件>首选项>用户代码片段>目标语言(javascript).jsonimage-20210810095800360// 将javascript代码片段放在这里。每个代码段都在代码段名称下定义，并具有前缀、正文和说明。前缀用于触发代码段，正文将展开并插入。可能的变量有：$1、$2表示制表位，$0表示最终光标位置，${1:label}，${2:othe
VSCode设置console.log快捷键
zhangyubababa的博客
12-10 6669
1打开vscode,选择文件–首选项–用户代码片段 2选择javascript类型，打开javascript.json文件 3按照操作，设置快捷输入 4 { “Print to console”: { “prefix”: “cl”, “body”: [ “console.log(’$1’);”, ], “description”: “Log output to console” } } ...
vscode 常用插件
jarisMA的博客
08-29 519
发布时间：2019-05-07 18:32:55 vscode 常用插件1.Bracket Pair Colorizer2.Turbo Console Log3.Prettier - Code formatter4.Live Server5.Live Sass Compiler6.indent-rainbow7.HTML CSS Support8.Code Spell Checker9.REST ...
vscode的console.log插件
04-05
以下是关于VSCode的console.log插件的介绍和演示： Turbo Console Log是一款实用的VSCode插件，可以帮助开发者更快速地在代码中插入console.log语句，提高调试效率[^1]。 该插件还提供了一些配置选项，可以根据用户的书写习惯进行自定义。例如，可以设置console.log语句的引号类型和是否在结尾添加分号，避免与eslint的规则冲突。 演示如下，假设我们需要在代码中插入一个console.log语句来输出变量x的值： 1. 首先，安装Turbo Console Log插件。 2. 在代码中选中变量x。 3. 使用快捷键（默认为Ctrl+Alt+L）或右键菜单选择"Insert console.log"。 4. 插件会自动在选中的位置插入console.log语句，并将变量x作为参数传入。 5. 可以根据需要在插件的Setting.json中进行配置，例如修改引号类型和是否添加分号。 ```javascript // 代码示例 let x = 10; console.log(x); // 输出：10 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值