项目实战（连载）：基于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前沿最新技术的高质量经验文章、视频分享。

谢谢你们的支持，欢迎你们留言交流。