用vuejs+nodejs+mongodb开发项目

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_38147456/article/details/78914736

用vuejs+nodejs+mongodb开发项目

一.后台部分

1.第一步，先安装node。传送门： http://www.runoob.com/nodejs/nodejs-install-setup.html

2.第二部，安装mongodb数据库。传送门： http://www.runoob.com/mongodb/mongodb-window-install.html

注意： 在 MongoDB 2.2 版本后已经不再支持 Windows XP 系统。最新版本也已经没有了 32 位系统的安装文件，win7装新版本可能有问题，这里建议装3.0版本。历史版本下载传送门：http://dl.mongodb.org/dl/win32/x86_64

3.用node构建一个服务器，我这里选择用中间件express,下载：

cnpm install express -g 

我这里用了npm的淘宝镜像所以是cnpm，-g全局安装；

可以使用express-generator 初始化项目：

npm  install express-generator -g  

下载完成之后，即可在命令行输入如下命令初始化项目：

express projectName

该命令会自动生成如下目录：

projectName    //项目目录

projectName/package.json    //配置文件

projectName/app.js    //入口文件
projectName/public //静态资源文件
projectName/public/javascripts
projectName/public/images
projectName/routes //路由文件
projectName/routes/index.js
projectName/routes/users.js
projectName/public/stylesheets
projectName/public/stylesheets/style.css
projectName/views      //视图目录
projectName/views/index.jade
projectName/views/layout.jade
projectName/views/error.jade
projectName/bin
projectName/bin/www //主入口

下载依赖：

cd projectName

cnpm install

运行：

npm start

二.vue前端部分