亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Node模塊--chalk

anyway / 2086人閱讀

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

1.包的地址

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

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

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

2.作用

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

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

字體顏色

背景顏色

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 后面加上具體的顏色，顏色的第一個(gè)字母大寫(xiě)。

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

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

const chalk = require("chalk");
console.log(chalk.rgb(255,0,0).bold.bgRgb(255,255,255)("Hello World"));
4-2 模板使用

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/89416.html

相關(guān)文章

  • Nodejs開(kāi)發(fā)簡(jiǎn)單的腳手架工具

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

    sean 評(píng)論0 收藏0

  • Node模塊--text-table

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

    xinhaip 評(píng)論0 收藏0

  • 走進(jìn)Vue-cli源碼，自己動(dòng)手搭建前端腳手架工具

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

    Apollo 評(píng)論0 收藏0

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

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

    CompileYouth 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<