项目实战（连载）：基于Angular2 Mongodb Node技术实现的多用户博客系统教程（4）...

本章主要讲什么（一句话）？

《项目实战：基于Angular2+Mongodb+Node技术实现的多用户博客系统教程（4）》

                                                                       -- 基于Node的Express项目环境框架搭建

一、前言

    从本节开始，我们将正式【多用户博客系统】的项目开发工作。首先我们先从后台Node部分开始做起，一步步带领大家完成整个博客系统的开发。

    本篇将主要帮助大家把Node环境下的Express框架搭建起来，后继后台将会在这个框架上进行扩展与业务逻辑开发。

二、项目环境

Node.js： v 6.x

Express： v 4.x

MongoDB： v 3.x

三、准备工作&储备知识

3.1、安装Node

3.1.1 、下载

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

3.1.2、安装

下载到本地硬盘后，双击  .msi文件直接安装！

 

上面这些默认都要安装！

安装成功之后，可以在Windows系统菜单里看到关于Node的相关菜单，如下所示：

点击 命令行工具：Node.js 菜单

出现以下界面，并敲入以下命令，如果出现如下结果，则说明Node.js安装成功！

3.2、利用npm安装包

什么是npm?

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：

1、允许用户从NPM服务器下载别人编写的第三方包到本地使用。。

2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

3、允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:

$ npm -v

2.15.8

3.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.4、安装mongodb

具体见：

《项目实战：基于Angular2+Mongodb+Node技术实现的多用户博客系统教程（2）》

《项目实战：基于Angular2+Mongodb+Node技术实现的多用户博客系统教程（3）》

此处略！

Node中安装mongodb模块

cnpm install mongodb

3.5、安装Express

3.5.1、什么是Express？

Express 基于 Node.js 平台，快速、开放、极简的 web 开发框架。

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

3.5.2、Express特性

3.5.3、如何安装Express？

npm install  express    或 cnpm install express

四、快速搭建项目Express框架

4.1、安装Node，安装MongoDB

略。。。

4.2、安装Express框架

安装express，全局安装 -g

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

或

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

4.3、 安装express-generator，全局安装-g

express4.0之后把创建一个APP的功能分离出来为express-generator，没它你创建不了应用程序，需要全局安装-g

npm install -g express-generator

或

cnpm install -g express-generator

4.4、 创建express项目

在想要创建的项目目录下打开cmd窗口，定位到你需要创建项目的目录下（如我本机是在D:MyWebProject目录下），执行如下命令：

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

或

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

执行命令成功后，控制台上会出现如下提示：

查看创建的项目录：

4.5、运行测试

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

cd node-blog & cnpm install

如下图所示：

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

如下图所示：

第三步：打开浏览器，健入：

http://localhost:3000

出现如下画面，说明Express框架成功：

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

五、后述

      本小节主要介绍了项目前期所必须的环境搭建必备知识，其中重点介绍了Express框架，演示了MyBlog后台框架搭建的全过程。
此部分代码下载（百度网盘）：链接：http://pan.baidu.com/s/1miwNExa

    《基于Angular2+Mongodb+Node技术实现的多用户博客系统》正在连载中，明天我将为大家推出【第五章：Express框架自动产生的代码进行深度剖析和优化重构】，欢迎各位继续关注~

      搜索并关注“风舞烟”的简书专栏、头条号、微信公众号、 企鹅媒体平台，你可以定期收到关于简书专栏的最新动态以及IT前沿最新技术的高质量经验文章、视频分享。

谢谢大家的支持，欢迎大家留言交流。

转载于:https://www.cnblogs.com/fwyTech/p/6368541.html