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