課程目標

  • 替 CLI 應用程式加上顏色

課程內容

這一課來做有趣的任務吧!很花俏的那種!

我們來替終端機的文字,加上顏色吧!

看一下這個套件的介紹

https://www.npmjs.com/package/colors

請先輸入指令安裝

npm install colors

安裝之後,記得觀察一下 package.jsonnode_modules 內容的變化喔!


建立 try-colors.js 程式,裡面輸入

var colors = require('colors');

console.log(colors.green('hello'));
console.log(colors.red.underline('i like cake and pies'))
console.log(colors.inverse('inverse the color'));
console.log(colors.rainbow('OMG Rainbows!'));
console.log(colors.trap('Run the trap'));

然後去終端機輸入

node try-colors.js

你會看到終端機出現,花俏、華麗的顏色文字!

更多用法可以參閱套件介紹

https://github.com/Marak/colors.js

課後作業

接續前一課的作業,現在來替我們的 CLI 應用程式,加上顏色!


請打開之前的所有檔案

目前這些程式,終端機訊息全都是預設的白色文字

請把這些訊息的文字顏色改變!

不用通通改變,改一部份,讓程式看起來更清楚即可

可以使用這款套件

完成以上任務,你就完成這次的課程目標了!


歡迎將作業成果,在下方留言,跟大家分享,讓大家給你一些回饋!

可以將每課學到的觀念、關鍵字,丟到網路上去搜尋、研究一下!

發問請在「討論專區」為主,或者分享學習筆記、寫學習心得!

貼文都會出現在個人檔案頁面,成為學習歷程、部落格紀錄!

未來面試時,分享給面試官看,會讓人知道你的積極程度!

按讚的人:

共有 4 則留言