您现在的位置:首页 >> 前端 >> 内容

使用MEAN进行全栈开发基础篇——2、弄一个简单的用户管理试试

时间:2016/12/13 9:35:23 点击:

  核心提示:搭建项目这下我们应该来搭建一个项目了,随便起个名字 ForUsers找一个合适的位置,然后打开命令行:express ForUsers会得如下树状图的结构├── app.js├── bin│ └── ...

搭建项目

这下我们应该来搭建一个项目了,随便起个名字 ForUsers

找一个合适的位置,然后打开命令行:express ForUsers

会得如下树状图的结构

├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.jade
    ├── index.jade
    └── layout.jade

初步工作

让我们先来编辑一下 ForUsers 目录里的 package.json 文件

大家可能注意到每一个依赖模块版本号前面都是 ~ 波浪号,全部替换成 ^ 插入符【为什么要这么做,因为波浪号是固定版本号,而插入符则以右边的的版本号为最低版本,向上查找新版本安装依赖】

安装依赖

使用命令行 cd 到项目内,然后执行 npm install 接着坐等…

安装小工具 nodemon 和 Monk

nodemon 的目的是在你修改项目代码后会自动重启 node 服务器而不用手动去重启【注意要说明一下就是你修改项目内文件代码后,网页上是不会生效的,直到你重启服务器】,安装 npm install -g nodemon

Monk 是一个用来读写 MongoDB 的模块。安装 npm install monk --save,前面说过了 --save 参数是将这个模块添加到当前项目依赖,这句执行完毕后,打开 package.json 会发现 Monk 进去了。

运行项目

如果一切正确无误,那么现在在项目目录下执行 nodemon 后,是会得到类似这样的提示的

[nodemon] 1.11.0
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node ./bin/www`

访问一下试试

浏览器访问 https://localhost:3000,可以得到 Welcome to Express 的信息,至此我们创建项目的工作就做好了。

Tags:使用 用M ME EA 
作者:网络 来源:Right! Im