Node模塊--chalk

anyway 發布于2019-08-21 17:21 / 2016人閱讀

摘要：常規使用上面代碼執行的結果是，加粗，字體顏色是紅色，背景顏色是白色。模板使用該模塊有一個好的地方，就是支持模板輸出，也就是說，不管在字符串中的哪個位置想改變輸出的顏色，都是可以的。對該模塊的使用，暫時就介紹那么多。

1.包的地址

npm地址：https://www.npmjs.com/package/chalk

github地址：https://github.com/chalk/chalk

下面只是對這個包做一個簡單的說明，更多細節還是需要查看源代碼，或者查看 github 上的官方文檔。

2.作用

chalk 包的作用是修改控制臺中字符串的樣式，包括：

字體樣式(加粗、隱藏等)

字體顏色

背景顏色

3.安裝 3-1 npm 安裝

$ npm install chalk --save-dev

3-2 yarn 安裝

$ yarn add chalk --dev

4.使用

chalk 支持兩種方式使用：常規的調用方式和模板中使用的方式。

4-1 常規使用

const chalk = require("chalk");
console.log(chalk.red.bold.bgWhite("Hello World"));

上面代碼執行的結果是，Hello World 加粗，字體顏色是紅色，背景顏色是白色。

注意：背景顏色要在 bg 后面加上具體的顏色，顏色的第一個字母大寫。

在 HTML 中支持 RGB 顏色，在這里同樣支持，而且是支持所有 HTML 中支持的顏色，如十六進制顏色。這里僅僅說明十六進制顏色。

下面的代碼會和上面的代碼實現相同的效果。

const chalk = require("chalk");
console.log(chalk.rgb(255,0,0).bold.bgRgb(255,255,255)("Hello World"));

4-2 模板使用

該模塊有一個好的地方，就是支持模板輸出，也就是說，不管在字符串中的哪個位置想改變輸出的顏色，都是可以的。

const chalk = require("chalk");
console.log(chalk`{red.bold.bgWhite Hello World}`);

當然，也可以使用 RGB 顏色值。

const chalk = require("chalk");
console.log(chalk`{rgb(255,0,0).bold.bgRgb(255,255,255) Hello World}`);

對該模塊的使用，暫時就介紹那么多。有時間的話可以研究一下源碼。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89416.html

Nodejs開發簡單的腳手架工具

摘要：本文主要是介紹開發一個簡單的腳手架，了解開發的基本流程最終通過鏈接到全局包。完成之后，就可以把腳手架發布到上面，通過進行全局安裝，就可以在自己本機上執行來初始化項目，這樣便完成了一個簡單的腳手架工具了。腳手架，這個名詞對于作為前端的我們來說，也許并不陌生吧，像vue-cli，react-native-cli等，全局安裝后，只需要在命令行中敲入一個簡單的命令，便可幫我們快速的生成一個初...

sean 2019-08-22 18:01 評論0 收藏0
Node模塊--text-table

摘要：資源地址地址地址下面的內容只是對這個包做一個簡單的了解，如果要詳細了解，建議查看官網。包的作用包的作用將終端中的內容以表格的形式輸出。需要特別指出的是，在某一列中有一個字符串指定了顏色，那么其他的都要指定顏色，否則，無法實現對齊。 1.資源地址 npm地址：https://www.npmjs.com/package/text-table GitHub地址：https://githu...

xinhaip 2019-08-21 17:24 評論0 收藏0
走進Vue-cli源碼，自己動手搭建前端腳手架工具

摘要：前言前段時間看了一些的源碼，收獲頗深。介紹是一款非常優秀的用于迅速構建基于的應用工具。不影響閱讀源碼，直接忽略掉。引入的包發送請求的工具。自定義工具用于詢問開發者。前言前段時間看了一些vue-cli的源碼，收獲頗深。本想找個時間更新一篇文章，但是最近事情比較多，沒有時間去整理這些東西。趁這兩天閑了下來，便整理了一下，然后跟大家分享一下。如果小伙伴們讀完之后，跟我一樣收獲很多的話，還...

Apollo 2019-08-22 15:43 評論0 收藏0
構建一個用于創建組件庫的項目腳手架工具(類 Vue-cli3)

摘要：比如一個模板用于創建的組件庫，一個模板用于創建的組件庫，還有一個模板用于創建的工具函數類庫。緣起最近公司內部想搭建一個私有的 npm 倉庫，用于將平時用到次數相當頻繁的工具或者組件獨立出來，方便單獨管理，隨著項目的規模變大，數量變多，單純的復制粘粘無疑在優雅以及實用性上都無法滿足我們的需求，所以進一步模塊化是必然的。但是一個組件庫的建立其實是一個非常麻煩的過程，基礎 webpac...

CompileYouth 2019-08-23 18:37 評論0 收藏0