零基础教你用Express撸一个后台系统1(配置Express)

零基础用Express

最近写一些很菜的项目写的头皮发麻，于是利用闲下来的时间写个Express的基础教程（该教程仅限于入门了解Express）。

介绍下该后台系统用到的技术栈：Express+mongodb（mongodb用mongoose来管理）

---

1. 什么是Express

Express是基于 Node.js 平台，快速、开放、极简的 web 开发框架。
详细资料（传送门）：http://www.expressjs.com.cn/

2. 快速开始

Express我们使用npm来进行安装管理，但是由于墙的问题，npm直接使用的话，网速相当的龟速。这里我是将npm的源切换到淘宝提供的服务上（即用cnpm来替代npm）

具体如何切换到cnpm，我这里不做详细说明，传送门：http://npm.taobao.org/ （官方这里已经说的很详细，很麻瓜了）

切换到cnpm后我们使用 命令 在我们指定的项目根目录安装express

cnpm install express --save-dev

在使用完以上命令后，我们发现更目录下多了一个node_modules文件夹和package.json文件。

package.json：是一个配置文件，里面记录你安装插件/框架用save命令后保存的信息
node_modules：存放下载来的插件/框架

当然你也可能会对 --save 和 --save-dev 产生疑问，这些参数的具体释义如下：

-S, --save: Package will appear in your dependencies.
-D, --save-dev: Package will appear in your devDependencies.
-O, --save-optional: Package will appear in your optionalDependencies.

在完成了基础配置后，我们发现除了一个package.json和node_modules，里面什么都没有了，显然这不够麻瓜化。为了使我们配置项目更加麻瓜，我们再安装一个express的生成器来重新生成一个项目，安装生成器命令如下

cnpm install express-generator -g

安装完成后，使用以下命令，查看具体使用方法

express -h

现在我们用express生成器来重新麻瓜化我们第一个应用目录，输入命令

express myApp

命令执行完成后，我们会发现多了一个文件夹myApp，里面有很多生成的默认文件和文件夹，这就是生成器为我们生成的新的项目目录，打开package.json会发现多了很多新的配置，所以我们要在该package.json的所在路径下再次使用npm来安装这些新的东西。

使用命令进行安装（因为我之前切换到了cnpm，我后面都用cnpm来做说明）

cnpm install

完成安装后，我们进入app.js文件，给他加上监听服务的代码(默认3000，我3000开着服务就改到4000了)

var server = app.listen(4000, function () {
  var host = server.address().address;
  var port = server.address().port;
  console.log('Example app listening at http://%s:%s', host, port);
});

到这里基础的配置就已经完成了。

Welcome to Express

接下来就是见证我们成功基础配置的决定性一步。

使用命令：

node app.js

然后会在命令行端发现：

    Example app listening at http://:::4000
    GET / 200 1051.706 ms - 170
    GET /stylesheets/style.css 200 6.651 ms - 111
    GET /favicon.ico 404 36.268 ms - 1037

然后进入浏览器输入：127.0.0.1:4000，出现如下页面

welcome to Express

到这里我们Express的基础配置就完工了。

总结一下，可以发现Express的配置还是十分简单的:

安装生成器->使用生成器->安装配置文件->添加服务器监听代码->完成配置

希望这篇文章能帮助到那些对express感兴趣，又在基础配置上有疑惑的人。

点击查看 项目demo