项目中管理console.log

最新推荐文章于 2022-08-05 08:00:51 发布
最新推荐文章于 2022-08-05 08:00:51 发布
阅读量3.5k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yesterdayw/article/details/107135288
版权

一：1.线上项目中下载依赖

npm install babel-plugin-transform-remove-console --save-dev

2.在babel.config.js中plugins

  'transform-remove-console'

二：关闭所有的console.log，保证console.log只在测试环境下
方案一：使用text编辑器将所有的console.log()替换成//console.log()
方案二：覆盖console.log

console.log = function() {} //  Firefox 8，IE8下运行成功，在Firefox 7的情况下并不能成功运行

通过window[‘console’][‘log’]来打开和关闭默认的console.log函数

window['console']['log'] =  console.log() //打开默认设置
window['console']['log'] = function() {}; //关闭默认设置
王哈哈.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node中console.log的同步实现
li420520的博客
10-26 1518
console.log相信使用过js的朋友都不会陌生，对于我这种前端转过来的node开发者，用起这个函数更是毫不手软，使用它把需要的信息打印到标准输出，觉得就是1+1=2那么正常，但是有天在网上看到一个问题console.log到底是异步还是同步？我觉得很诧异，这还是个问题么？当然是同步啦。但是问题的答案出乎我的意料，上面告诉我是要分情况的，根据process.stdout的情况可能会出现异步的情...
Android开发中Log的统一管理
liu537192的专栏
10-01 791
/** * 开发阶段将 LOG_LEVEL=0,到了正式发布的时候将 LOG_LEVEL=6; * * @author liujie * */ @SuppressWarnings("unused") public class Logger { private static final int LOG_LEVEL = 0; private static f
vue-cli4 npm run build 如何出去代码中的console.log
jmszl1991的博客
04-22 428
1、安装 babel-plugin-transform-remove-console npm i -D babel-plugin-transform-remove-console 2、babel.config.js中配置 let transformRemoveConsolePlugin = [] //生产环境 if (process.env.NODE_ENV === 'production') { transformRemoveConsolePlugin = ['transform-remov
项目无用的console.log处理方案
weixin_43841757的博客
09-15 376
1，console.log()，方便开发调试，项目上线时打印太多数据，影响代码。 2，vue，uniapp，在main.js，里面添加重新定义console.log = function() {}方法； console.log = function() {} 3，在框架也是可行，逻辑一致； ...
这5个 console.log() 技巧帮你提高工作效率
粉丝们务必加入微信粉丝群
03-24 3068
作者：Dmitri Pavlutin译者：前端小智来源：dmitripavlutin.我们知道 console.log(message)用法很简单，表示...
js-log:包装在 console.log 周围
07-05
然而，仅依赖原始的`console.log()`在复杂项目中可能不够，特别是在大型团队协作或者需要更高级的日志管理时。这就是“js-log”发挥作用的地方。通过包装`console.log`，我们可以实现以下增强功能： 1. **分类日志*...
filter-console过滤掉不需要的console.log()输出
08-07
在实际项目中，你还可以结合其他工具，如loglevel库，实现更精细的日志管理和级别控制。总的来说，`filter-console`是JavaScript开发中一个实用的日志过滤工具，能有效提升开发和维护的效率。通过灵活运用它，我们...
Node.js中console.log()输出彩色字体的方法示例
10-15
在Node.js环境中，`console.log()` 是一个常用的命令，用于在控制台上打印信息。它通常是开发者调试代码、输出日志的重要工具。虽然默认情况下`console.log()` 的输出是纯文本，但通过一些特殊字符序列，我们可以让...
console.log (1).zip
03-02
3. **POST_BUILD_upload_error_log.log**：这个日志文件可能涉及构建完成后上传应用到服务器或者测试平台时遇到的错误。这可能涉及到版本控制、分发服务或者是自动部署过程。 4. **PRE_INIT_prepare_env.log**：在...
logger:记录API和TypeScript的实现。 编写具有可配置日志记录级别和运行时级别替代的日志。 提供与实现无关的界面，基于console.log的实现和基于Web的utils
03-16
这种设计使得库更易于替换或扩展，比如从简单的console.log到更复杂的日志管理系统，如Loggly或Sentry。 在项目中，我们可以看到一个名为"git cz"的命令，这是commitizen工具的一部分。Commitizen帮助开发者遵循...
分分钟用这些操作删除项目中无用的console.log代码
蛙人的博客
08-05 1210
前言 说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信息代码的。你还在手动一个一个删除吗，那得多累啊！ 下面我们来看一下这几种方式清除生产环境console无用代码。 基本操作 Webpack配置 uglifyjs-webpack-plugin 我们可以看一下该插件介绍，该插件是用于减少我们代码js代码体积。并且如果安装运行该插件的话，node版本是在v6.9.
8个console.log的解决方案
前端开发博客
08-05 1399
console.log 很棒，它可能是我们日常开发中最常用的方法之一。但实际上，控制台对象中也有一些很棒的方法，它们可以帮助我们在控制台中打印出更清晰漂亮的消息。在今天的文章中，我就来分享一些有关控制台的高级技巧，我们现在开发吧。日志记录级别：调试、信息、警告、错误不同的事件根据其重要性具有不同的日志记录级别，通常有四个日志级别：调试→信息→警告→错误，他们在控制台对象中...
VSCode中一次性清除项目中的console.log
Tsinbo1314的博客
07-14 3556
清除项目中所有的console.log 背景：平时测试需要，weber会在项目中使用大量的console.log，在项目上线后，多少会有点影响美观度和专业程度，所以在上线时，讲究人经常需要把这些console清除掉。一行行清就太麻烦了。所以就找了一种可以一下子全清除的方法。打开你需要清理的文件夹，选中查找选项 用正则方法 将所以的console.log匹配上。然后一键替换，将所有找到的类型直接替换为空 ok大功告成...
项目里的console.log()如何一次清除？如何封装一个console.log()打印函数？
羽公子的博客
11-27 2385
console.log大家都很熟悉，在调试项目的时候大家都会常用，但是用时一时爽，删除火葬场。虽然用vs code里的全局搜索删除也不是不可以，但是总是觉得不够优雅，所以干脆封装成函数，最后直接在函数中注销，省时省力。 函数 let Console = function (key) { console.log(key); }; export default Console; 引入 ...
如何将项目中的'console-log'全部清除
吃草の狼的博客
02-11 3420
1.下载babel-plugin-transform-remove-console npm install babel-plugin-transform-remove-console --save-dev 2.在babel.config.js文件中添加’transform-remove-console’ babel-plugin-transform-remove-console官网 ...
npm常用模块记录
HeliumLau的博客
04-24 4673
chalk解释 命令行彩色输出。使用var chalk = require('chalk') console.log(chalk.yellow('....'))semver解释 npm以及package.json解析版本号时的辅助模块，更为语义化。使用var semver = require('semver') semver.clean(process.version) semver.clean
移动端（微信等）使用 vConsole调试console
热门推荐
m0_37036014的博客
04-27 7万+
移动端（微信等）使用 vConsole调试console 前言 因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版的chrome查看数据，兼容不好，所以最近使用了vConsole 进行调试 使用 废话不多说，说说怎么使用的吧。 首先去下载相关的代码，由于只需要在页面引...
nodejs---console.log()控制台打印
maidu_xbd的博客
01-31 1万+
1、console.log("字符串");-----在控制台输出【字符串】 2、console.log("字符串"，obj);----在控制台输出【字符串obj内容】 3、console.log("字符串" + obj);----在控制台输出【字符串[ObjectObject]】 注意： console.log("字符串"+obj);输出的时候,对象会被转化为"[ObjectObj...
console.log()的作用与实现
weixin_45627194的博客
11-02 4万+
console.log()的作用是什么 主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。 相比alert他的优点是： 1，他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。 ,2，console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。 3，console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到： Cons
vue项目中office.js使用例子
最新发布
06-11
在Vue项目中使用Office.js可以实现Word、Excel、PowerPoint等Office文档的操作，下面是一个使用Office.js操作Word文档的例子： 1. 安装Office.js 在Vue项目中安装Office.js可以使用npm包管理器，使用以下命令进行安装： ``` npm install @microsoft/office-js ``` 2. 引入Office.js 在Vue项目中可以在需要使用Office.js的组件中引入，例如在`HelloWorld.vue`组件中引入： ```javascript import * as OfficeHelpers from '@microsoft/office-js-helpers'; ``` 3. 初始化Office.js 在组件中定义一个`initOffice`方法，用于初始化Office.js，代码如下： ```javascript methods: { async initOffice() { try { await OfficeHelpers.loadOfficeJs(); console.log('Office.js is ready'); } catch (error) { console.error(error); } } } ``` 4. 创建Word文档 在组件中定义一个`createWordDoc`方法，用于创建Word文档，代码如下： ```javascript methods: { async createWordDoc() { try { const document = await OfficeHelpers.Word.run(async context => { const range = context.document.getSelection(); range.insertText('Hello World!', 'Start'); return context.document; }); console.log('Document created:', document); } catch (error) { console.error(error); } } } ``` 在方法中使用`OfficeHelpers.Word.run`方法创建Word文档，并在文档中插入文本。 5. 调用初始化和创建Word文档方法 在`mounted`钩子函数中调用`initOffice`方法进行Office.js初始化，在需要创建Word文档的地方调用`createWordDoc`方法，代码如下： ```javascript mounted() { this.initOffice(); }, methods: { async createDoc() { await this.createWordDoc(); } } ``` 以上就是使用Office.js操作Word文档的Vue项目例子。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值