<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          chalk.js(node終端樣式庫)

          共 1212字,需瀏覽 3分鐘

           ·

          2021-06-14 16:01



          默認 node 在輸出終端的文字都是黑白的,為了使輸出不再單調(diào),添加文字背景什么的,改變字體顏色什么的,我們可以使用 chalk.js 這個庫。



          安裝

          npm install chalk

          設置字體顏色

          const chalk = require('chalk')
          console.log(chalk.blue('Hello world!'));


          上面的代碼中 Hello world! 文字會變成藍色。我們還可以多種顏色混合使用,比如下面的 Hello 是藍色,符號 ! 是紅色的。


          const chalk = require('chalk')
          console.log(chalk.blue('Hello') + ' World' + chalk.red('!'));


          目前支持的字體顏色API如下:

          blackredgreenyellowbluemagentacyanwhiteblackBright (alias: gray, grey)redBrightgreenBrightyellowBrightblueBrightmagentaBrightcyanBrightwhiteBright


          如果沒有你想要的顏色,那么也可以使用rgb方法定義字體顏色:

          console.log(chalk.rgb(10, 100, 200)('Hello!'));

          設置背景顏色

          const chalk = require('chalk')
          console.log(chalk.bold('Hello world!'));


          字體顏色和背景顏色也可以一起設置:

          const chalk = require('chalk')
          console.log(chalk.blue.bgRed.bold('Hello world!'));


          目前支持的背景顏色API如下:

          bgBlackbgRedbgGreenbgYellowbgBluebgMagentabgCyanbgWhitebgBlackBright (alias: bgGray, bgGrey)bgRedBrightbgGreenBrightbgYellowBrightbgBlueBrightbgMagentaBrightbgCyanBrightbgWhiteBright


          如果沒有你想要的顏色,那么也可以使用 bgRgb 方法定義背景顏色:

          const chalk = require('chalk')
          console.log(chalk.bgRgb(15, 100, 204)('Hello!'));


          這個庫在很多寫腳手架的地方被用到,比如 vue-cli,顏色可以讓文字描述更形象。

          瀏覽 53
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  亚洲男人天堂 | 日本十八禁视频 | 影音先锋日韩无码 | 国产淫娃| 国产精品青青草原 |