webstorm快速输出console.log方法

最新推荐文章于 2025-07-02 16:38:34 发布
最新推荐文章于 2025-07-02 16:38:34 发布
阅读量1.4w 收藏 2
点赞数 1
分类专栏： a
本文介绍如何在IntelliJ IDEA中设置JavaScript Live Templates，包括插入和包围代码的快捷方式，以及如何定义快捷键使其在特定文档类型中生效。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

file--seting--Editor--live Templates,找到右边的JavaScript，点击右边的绿色“+”号，即可自己设置相关的快捷单词，如图：

1.插入方式：看到里面的$PARAM$了吗？那个是光标所在位置！

2.包围方式：

将$PARAM$换成$SELECTION$即可，使用时选中被包围的内容按ctrl+alt+j

按最下方define配置快捷键在什么文档中生效，如JavaScript，typeScript
跟着，返回直接在<script></script>中使用con，就自动补全代码了！

webstorm配置console.log打印
小马甲
11-20 2514
打开设置面板(windows快捷键：) ，找到 编辑器 -> 实时模板 ->JavaScript->log，点击log会出现对应的配置。
【webstorm】 给console.log设置快捷键
xiaoxiamimm的博客
11-17 1015
File —> Setting —> Editor —> Live Templates —> Javascript —> 点右边+ —> 在下方Abbreviation输入con —> 在下方Description输入‘控制台输出’ —> 在下方Temaplate text输入‘console.log(’PARAMPARAMPARAM’)’ —> 点击最下方有个蓝色的Define —> 把Javascript全勾选上 —> OK 11那里
webstorm 一键 console.log
simpleDDDu的博客
07-02 5421
webstorm 一键 console.log 背景： 最近从 vscode 转战到 webstorm ，在 vscode 中装了插件 Turbo Console Log 就可以一键打印变量，在 webstorm 上竟然找不到，令我着实没想到。看网上可以自定义log，废话不说了，搞起！ 打开设置面板(windows 快捷键： ctrl + alt + s) ，找到 编辑器 -> 事实模板 --> JavaScript （如图） 找到 log 修改模板为 console.info("????
解决 Webstorm 控制台乱码
最新发布
一个水瓶座程序猿的博客
07-02 858
WebStorm控制台中文乱码解决方案：1）修改全局编码设置为UTF-8；2）在启动配置中添加-Dfile.encoding=UTF-8参数；3）Windows系统还需修改注册表，添加chcp 65001命令。通过这三个步骤可解决Electron项目编译时中文显示乱码问题。操作完成后需重启WebStorm生效。
WebStorm快捷键：自定义打印控制台代码 —— console.log
奶绿走糖的博客
06-07 3005
一、操作步骤： 打开WebStorm编译器，打开Settings（Ctrl+Alt+S） 搜live 点击‘+’号，选择第一个添加模板（第二个是添加模板组） 输入命令触发代码 输入命令描述 输入命令代码 选择使用该代码的场景（我选的是JavaScript的statement，TypeScript的statement，ECMAScript or heighr的statement） 点击apply生效 代码：console.log('$PARAM$', $PARAM$) 此代码意思是，输出代码后，光标会放
webstorm中console.log的快捷补全方法
xdongll的专栏
08-02 1万+
c.log 再按tab键  因为嫌 console.log() 的写法太繁琐，想将其简写为 log() 。 我最初是这样写的： var log = console.log; log(..); 结果输出为： TypeError: Illegal invocation 谷歌一番之后在 Stack Overflow 上找到这个答案： var log = con
实现一个移除 console.log 的 webpack 插件
mashibing_web的博客
11-30 1553
本文目的，实现一个可以移除项目中 console.log 的 webpack 插件。借此，我们可以学习一下webpack 插件怎么写。 本来以为比较简单，但还是花了我一个上午的时间。 首先，我们需要初始化环境 yarn init -y yarn add webpack webpack-cli -D 复制代码 webpack.config.js 配置如下： module.exports = { entry: './index.js', plugins: [] } 复制代码 根目
Node.js开发指南：WebStorm如何集成Node.js环境
Node.js是一个基于Chrome V8引擎的JavaScript运行时，用于构建快速的可扩展的网络应用程序。它是当前流行的服务器端JavaScript解决方案，拥有强大的包管理工具npm，可以轻松构建各种类型的应用程序，包括Web应用、...
webstorm配置node.js 和 npm
03-28
console.log("Hello, Node.js!"); ``` 2. 右键点击编辑器，选择 **Run 'app.js'**，若控制台输出结果，则配置成功。 3. 在终端中执行 `npm install lodash`，测试 npm 功能是否正常。 --- ### 注意事项 - **旧...
webstorm配置node.js环境
01-18
### 如何在 WebStorm 中设置和配置 Node.js 开发环境 #### 准备工作 为了确保 WebStorm 能够顺利支持 Node.js 的开发，首先需要确认本地... console.log(`Server running at http://${hostname}:${port}/`); }); ```
WebStorm | 给console.log设置快捷键
前端笔记
07-09 4693
经常用到console.log()，在一次听珠峰的面试课，看到讲师用的是"内容.log+Tab键"打印console.log(内容)。发现效率高了许多，所以百度找了找，与讲师方法不一样，但也能提高不少效率~ 目的：“con+Tab键”,出现console.log() 位置：文件\设置 用于拷贝：console.log($PARAM$); ...
console.log无反应，无输出问题
热门推荐
xianyu_Padding的博客
09-17 2万+
通常出现这种情况一般是我们不小心点错了浏览器console的输出设置解决办法：把蓝色部分的输出设置修改为default就ok了
Console.log不输出信息？
wukong569177266的博客
11-12 1万+
最近在用谷歌浏览器的console研究某个网站时，遇到console.log不输出任何信息的情况。而且这种不输出是独特的，在其它标签页里的其它网站网页下，console.log()输出是正常的，只有这个特定网页，console.log()不输出。 通常，这种情况的产生是因为console里log level设置的不对引起的，如图，我们需要把“info”菜单勾选上，info级别的debug信息才会显示出来。console.log就是属于“info”级别。 但今天遇到的这个问题不是由于debug level引起
Webstorm 设置console.log快捷键 for mac
ShellyZhu123的博客
07-15 571
Webstorm 设置console.log快捷键 for mac 左上角点击webstorm – Preferences 在搜索框中输入 live Templates --> 点击右侧加号,选择1，Live Template --> abbreviation: log -->description: 控制台输出 --> Template text: console.log($PRAMS$) --> expand with: enter --> 点击de
Webstorm2022.1.1 配置console.log快速打印
weixin_45285484的博客
05-23 2330
做前端开发想必console.log是每天必不可少的，如何更高效的打印输出呢？ 本篇文章来介绍下如何在Webstorm配置高效率的打印。 实现效果 使用ctrl+alt+s快捷键的方式打开设置 在设置中按照下图序号所示的步骤寻找到JavaScript 在模板文本输入console.log('$PARAM$',$PARAM$) 输入完后记得选择应用-保存 ...
webstorm快捷键集锦
Asunqingwen的博客
07-08 1173
最近在整php前后端工作，在使用webstorm这个前端IDE的时候，发现有些快捷键很有用，怕遗忘，特在此记录！ 文章目录console的快速log输出批量创建html tag console的快速log输出 如果定义了一个变量str，需要在浏览器console界面输出，则需要用到log()函数，类似下面的代码。在webstorm里面，只需要输入下面代码块注释部分，var.log，然后按tab...
WebStorm 设置 console.log() 的快捷键
f18855666661的博客
09-30 3334
console.log() 在开发中经常被使用到，但是拼写有些麻烦，我们可以通过设置快捷键的方式解决这一问题，步骤如下所示： 1，点击 File --Settings进入设置面板 2，点击 Editor -- Live Templates -- JavaScript -- + 新增快捷键 3，编辑新增 console.log() 的快捷键 这里建议使用 "ll" 作为 console.log() 的快捷键，配置如下所示： 除了配置上面的三个输入框，还需要配置该快捷键应该出现的位..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值