用vuejs+nodejs+mongodb开发项目

这篇写的太low了,还没写完,实在愧对这么高的阅读量。呜呜~

电脑重做系统后,源代码已失,发现一个半成品,有需要的自行下载查看,,,

https://pan.baidu.com/s/1q2rAPOXjD29XWmh3keJhNg

提取码:9km3

一.后台部分

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前端部分

Logo

前往低代码交流专区

更多推荐