PS. 請先安裝好 node.js 應用程式 連結
環境建立
正式進入 Node 的世界,首先先在桌面建立一個資料夾 mock
接著在終端機輸入 npm init,接著一路 Enter 到底,這些都是可以做更改的,所以不用擔心!
init 完之後,mock 資料夾內會多一個 package.json 就代表成功了
第一步
接著試著引用 node 內建的 http 吧!
在 mock 資料夾內新增一個 index.js
接著來寫點 code
1 | let http = require('http'); |
這時候在終端機輸入 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 | const sleep = ms => { |
最後的 module.exports
就是匯出的意思
接著回到 index.js require引入
1 | const sleep = require("./utils/sleep"); |
這樣就完成了