国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Node模塊--chalk

anyway / 1997人閱讀

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

1.包的地址

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

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

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

2.作用

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

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

字體顏色

背景顏色

3.安裝 3-1 npm 安裝 
$ npm install chalk --save-dev
3-2 yarn 安裝 
$ yarn add chalk --dev
4.使用

chalk 支持兩種方式使用：常規(guī)的調(diào)用方式和模板中使用的方式。

4-1 常規(guī)使用 
const chalk = require("chalk");
console.log(chalk.red.bold.bgWhite("Hello World"));

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

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

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

下面的代碼會和上面的代碼實現(xiàn)相同的效果。

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}`);

當(dāng)然，也可以使用 RGB 顏色值。

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

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

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/89416.html

相關(guān)文章

  • Nodejs開發(fā)簡單的腳手架工具

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

    sean 評論0 收藏0

  • Node模塊--text-table

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

    xinhaip 評論0 收藏0

  • 走進Vue-cli源碼，自己動手搭建前端腳手架工具

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

    Apollo 評論0 收藏0

  • 構(gòu)建一個用于創(chuàng)建組件庫的項目腳手架工具(類 Vue-cli3)

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

    CompileYouth 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<