項目實戰（連載）：基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程（4）

本章主要講什麼（一句話）？

《項目實戰：基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程（4）》

                                                                       -- 基於Node的Express項目環境框架搭建

1、前言

    從本節開始，咱們將正式【多用戶博客系統】的項目開發工做。首先咱們先從後臺Node部分開始作起，一步步帶領你們完成整個博客系統的開發。

    本篇將主要幫助你們把Node環境下的Express框架搭建起來，後繼後臺將會在這個框架上進行擴展與業務邏輯開發。

2、項目環境

Node.js： v 6.x

Express： v 4.x

MongoDB： v 3.x

3、準備工做&儲備知識

3.一、安裝Node

3.1.1 、下載

官網地址：https://nodejs.org/en/，目前最新版是V6.3.0

3.1.二、安裝

下載到本地硬盤後，雙擊  .msi文件直接安裝！

 

上面這些默認都要安裝！

安裝成功以後，能夠在Windows系統菜單裏看到關於Node的相關菜單，以下所示：

點擊 命令行工具：Node.js 菜單

出現如下界面，並敲入如下命令，若是出現以下結果，則說明Node.js安裝成功！

3.二、利用npm安裝包

什麼是npm?

NPM是隨同NodeJS一塊兒安裝的包管理工具，能解決NodeJS代碼部署上的不少問題，常見的使用場景有如下幾種：

一、容許用戶從NPM服務器下載別人編寫的第三方包到本地使用。。

二、容許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。

三、容許用戶將本身編寫的包或命令行程序上傳到NPM服務器供別人使用。

因爲新版的nodejs已經集成了npm，因此以前npm也一併安裝好了。一樣能夠經過輸入 "npm -v" 來測試是否成功安裝。命令以下，出現版本提示表示安裝成功:

$ npm -v

2.15.8

3.三、淘寶npm鏡像

因爲npm下載對應的服務器在國外，有一個 「被牆」 的問題，爲此，建議安裝一個NPM鏡像，這裏國內比較有名的就是 「 淘寶npm鏡像

官網：淘寶NPM鏡像：http://npm.taobao.org/

你能夠使用咱們定製的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝成功以後，之後就能夠用cnpm命令代替npm命令去安裝全局包了！

淘寶鏡像安裝成功後，則能夠嘗試使用 cnpm install 來安裝相關的依賴包！如：

cnpm  install  bootstrap

3.四、安裝mongodb

具體見：

《項目實戰：基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程（2）》

《項目實戰：基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程（3）》

此處略！

Node中安裝mongodb模塊

cnpm install mongodb

3.五、安裝Express

3.5.一、什麼是Express？

Express 基於 Node.js 平臺，快速、開放、極簡的 web 開發框架。

官網：http://www.expressjs.com.cn/

3.5.二、Express特性

3.5.三、如何安裝Express？

npm install  express    或 cnpm install express

4、快速搭建項目Express框架

4.一、安裝Node，安裝MongoDB

略。。。

4.二、安裝Express框架

安裝express，全局安裝 -g

npm install -g express  //說明：全局安裝的目的是爲了更方便的在命令行使用

或

cnpm install -g express  //說明：全局安裝的目的是爲了更方便的在命令行使用

4.三、 安裝express-generator，全局安裝-g

express4.0以後把建立一個APP的功能分離出來爲express-generator，沒它你建立不了應用程序，須要全局安裝-g

npm install -g express-generator

或

cnpm install -g express-generator

4.四、 建立express項目

在想要建立的項目目錄下打開cmd窗口，定位到你須要建立項目的目錄下（如我本機是在D:\MyWebProject目錄下），執行以下命令：

express  node-blog //默認是jade引擎

或

express --view=ejs  node-blog //要建立ejs引擎用下面的命令

執行命令成功後，控制檯上會出現以下提示：

查看建立的項目錄：

4.五、運行測試

第一步：在命令行中健入以下命令：

cd node-blog & cnpm install

以下圖所示：

第二步：再在命令行中，健入：npm start

以下圖所示：

第三步：打開瀏覽器，健入：

http://localhost:3000

出現以下畫面，說明Express框架成功：

至此：基於Node的Express框架搭建成功！

5、後述

      本小節主要介紹了項目前期所必須的環境搭建必備知識，其中重點介紹了Express框架，演示了MyBlog後臺框架搭建的全過程。
此部分代碼下載（百度網盤）：連接：http://pan.baidu.com/s/1miwNExa

    《基於Angular2+Mongodb+Node技術實現的多用戶博客系統》正在連載中，明天我將爲你們推出【第五章：Express框架自動產生的代碼進行深度剖析和優化重構】，歡迎各位繼續關注~

      搜索並關注「風舞煙」的簡書專欄、頭條號、微信公衆號、 企鵝媒體平臺，你能夠按期收到關於簡書專欄的最新動態以及IT前沿最新技術的高質量經驗文章、視頻分享。

謝謝你們的支持，歡迎你們留言交流。