摘要:開發(fā)的時候習(xí)慣用老打印一些信息,然而端的并沒有瀏覽器里的功能那么強。和功能類似不同的是,支持顯示文件路徑信息,調(diào)用的行號,還有支持主題樣式,,,。有了這樣一個工具,調(diào)試信息更加一目了然了。
log.js
開發(fā)node.js的時候,習(xí)慣用console.log老打印一些信息,然而node端的console.log并沒有瀏覽器里的功能那么強。
比如顯示當(dāng)前console.log信息所在的代碼行,有時node開發(fā)打印很多個console.log信息是總是不知道是哪里調(diào)用的,然后只能手動去添加console.log("1", info),console.log("2", info)...
所以,log.js就是為了解決這一問題而開發(fā)的;log.js是什么?
log.js 是 node.js 的一個調(diào)試工具。和 console.log 功能類似,不同的是,log.js支持顯示文件路徑信息,調(diào)用log的行號,還有支持主題樣式info,error,success,warn。
有了這樣一個工具,調(diào)試信息更加一目了然了。
具體怎么實現(xiàn),請查看源碼(鏈接在文章末尾)。
apilog(string)
log.info(string)
log.success(string)
log.error(string)
log.warn(string)
用法const log = require("./log.js") log("歡迎使用log.js。") log.info("這是info提示信息") log.success("這是success提示信息") log.error("這是error提示信息") log.warn("這是warn提示信息") // 自定義log log.addLog("test", "cyan") log.test("這是自定義的log") log.addLog("debug", "magenta") log.debug("這是自定義的log")
可以運行 demo.js 查看效果
命令node demo.js --dev
參數(shù):
--dev 開發(fā)模式,開發(fā)模式會出現(xiàn)文件名和行號
--dev-show-path 文件名顯示絕對路徑
注:顯示文件名和行號會影響js性能,上線項目請自行刪掉log,或者不加上面兩個參數(shù),會使用console.log。
效果圖 自定義loglog.addLog("名字", "顏色") log.名字(str)
支持顏色有:
white grey black blue cyan green magenta red yellow期望
其實還可以加多點功能,比如:
做更多的樣式配置(請看https://github.com/Marak/colo...)
增加log的打印時間
項目地址log.js項目地址
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/83767.html
摘要:前端日報精選譯,和的未來學(xué)習(xí)筆記箭頭函數(shù)學(xué)習(xí)筆記教程柵格布局卷土重來,用還是為什么我會選擇而不是眾成翻譯原生開發(fā)入門完全教程從零到壹全棧部落中文一個端帶文件路徑和顏色的攻城方略譯使用提高應(yīng)用程序的種方式中自定義操作符修仙 2017-07-02 前端日報 精選 [譯] TC39,ECMAScript 和 JavaScript 的未來(Part 1)ES6學(xué)習(xí)筆記:箭頭函數(shù)_ES6, Ja...
摘要:全局腳本設(shè)置的本質(zhì)思路其實原理很簡單將的全局命令搜索路徑,加上腳本所在文件夾的路徑。權(quán)限設(shè)置了以后,腳本的圖標將變成下面這個樣子。重啟或新建終端,執(zhí)行腳本。 前語 隨著node的流行,JS已經(jīng)可以解決大部分問題。這對前端工程師十分友好。相信很多同學(xué)在開發(fā)業(yè)務(wù)之余,都會寫一些小腳本代替手工完成繁瑣,重復(fù)的工作,從而提高工作效率。但部分同學(xué)開發(fā)的腳本,僅局限于腳本所在路徑,通過node x...
摘要:是使用攔截器來自動幫我們完成中文亂碼的問題的。這是我的首頁當(dāng)然了,基于注解和基于來開發(fā),都是通過映射器適配器和視圖解析器的。能夠控制請求路徑和請求方式一個控制器寫多個業(yè)務(wù)方法到目前為止,我們都是一個控制器寫一個業(yè)務(wù)方法,這肯定是不合理的。 前言 本文主要是講解在Controller中的開發(fā),主要的知識點有如下: 編碼過濾器 使用注解開發(fā) 注解@RequestMapping詳解 業(yè)務(wù)方...
摘要:本文主要是介紹開發(fā)一個簡單的腳手架,了解開發(fā)的基本流程最終通過鏈接到全局包。完成之后,就可以把腳手架發(fā)布到上面,通過進行全局安裝,就可以在自己本機上執(zhí)行來初始化項目,這樣便完成了一個簡單的腳手架工具了。 腳手架,這個名詞對于作為前端的我們來說,也許并不陌生吧,像vue-cli,react-native-cli等,全局安裝后,只需要在命令行中敲入一個簡單的命令,便可幫我們快速的生成一個初...
閱讀 1586·2021-11-25 09:43
閱讀 2489·2019-08-30 15:54
閱讀 2953·2019-08-30 15:53
閱讀 1104·2019-08-30 15:53
閱讀 761·2019-08-30 15:52
閱讀 2553·2019-08-26 13:36
閱讀 824·2019-08-26 12:16
閱讀 1222·2019-08-26 12:13