iT邦幫忙

2

【我可以你也可以的Node.js】第十二篇 - Express-generator

經過兩週的思考與漫無目地的研究,
發現完全在研究 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 enginepug 的一個麥當勞專案。
附註: pug 是什麼可以參考這篇大大寫的

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

輸出結果~

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

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

  1. 先進入該專案

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

    npm install
    
  3. 執行專案

    DEBUG=mcdonald:* npm start
    

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

http://localhost:3000/

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

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

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

參考文獻

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


尚未有邦友留言

立即登入留言