經過兩週的思考與漫無目地的研究，
發現完全在研究 Node ，似乎會有點迷失方向。
於是這週開始會以框架與語言共同學習，好像會比較有動力一點。

此篇學習目標 ◑ω◐ ：

• 安裝
• 使用 Express-generator 快速建立符合Express應用程式的骨架
• 它幫你做了什麼

安裝

直接可以使用 npm 下載
建議安裝在 global 的環境下，
畢竟這是用來給你建立專案的，除非你有特殊需求...

npm install -g express-generator

安裝完之後可以打開你的 terminal 輸入以下來確認你是否有裝成功唷

express -h

使用 Express-generator 快速建立符合Express的骨架

• 它幫你做了什麼
  安裝完成後，利用 Express-generator 我們可以快速地建立出 Express 的應用程式架構。
  以我想弄一個關於麥當勞的專案來說我只需要打以下指令

express --view=pug mcdonald

建立一個 view engine 是 pug 的一個麥當勞專案。
附註： pug 是什麼可以參考這篇大大寫的

因為我個人這次專案比較偏向撰寫後端 API 所以 view engine 的選擇變得也不是那麼重要甚至可以不用選擇。

輸出結果~

接著我們看一下他幫我們生產了哪些東西

他幫我們生成一個資料夾為mcdonald的一個專案資料夾，並且很貼心的提醒你

1. 先進入該專案

   cd mcdonald
   

2. 安裝該專案需要的套件

   npm install
   

3. 執行專案

   DEBUG=mcdonald:* npm start
   

執行完之後你就可以打開你的瀏覽器輸入以下網址

http://localhost:3000/

就可以快速地看到你架設好的網站

看到以上畫面代表你也成功囉

這篇文章到此
之後會以 Express 這個框架撰寫一個很邪惡的專案
至於是什麼~ 繼續看就可以知道囉

參考文獻

Express官方
Npm express-generator
文章 Banner圖片來源