Node 初體驗

PS. 請先安裝好 node.js 應用程式 連結

環境建立

正式進入 Node 的世界,首先先在桌面建立一個資料夾 mock
接著在終端機輸入 npm init,接著一路 Enter 到底,這些都是可以做更改的,所以不用擔心!
init 完之後,mock 資料夾內會多一個 package.json 就代表成功了


第一步

接著試著引用 node 內建的 http 吧!
在 mock 資料夾內新增一個 index.js
接著來寫點 code

1
2
3
4
5
let http = require('http');

http.createServer(async (req, res) => {
res.end('<p>Hello World!</p>');
}).listen(3000)

這時候在終端機輸入 node index.js 啟用之後,可以在 local 的 3000 port 看到 Hello World! 就代表成功了

然而當回應的內容有修改時,都需重新輸入 node index.js,為了避免這個麻煩,可以使用 nodemon 來協助專案

npm install -g nodemon 安裝好之後,在終端機輸入 nodemon index.js,這樣當回應的內容有修改時,就不需要每次都輸入 node index.js,只需在頁面做重整就好囉~

模組化的引用

當 JS 檔案變多的時候,會區分資料夾,這時候 node 也有模組化的匯出跟引用模式
假設我們想要讓頁面三秒後呈現,我們可以在 mock 資料夾內新增一個 utils 資料夾,裡面新增一個 sleep.js,接著寫點 setTimeout

1
2
3
4
5
6
7
const sleep = ms => {
return new Promise(resolve => {
setTimeout(resolve, ms);
});
}

module.exports = sleep

最後的 module.exports 就是匯出的意思
接著回到 index.js require引入

1
const sleep = require("./utils/sleep");

這樣就完成了