vux+koa2+mongodb 项目的环境搭建
2018-03-27 14:55
274 查看
vux+koa2+mongodb 项目的环境搭建
vux+koa2+mongodb 项目的环境搭建一. 搭建vux脚手架
1. 准备
2. 搭建
3. 访问后台请求
4.使用store
二. 搭建koa2
1. 快速搭建
2.解决前后端跨域问题
3.mongoose安装
三. 搭建mongodb
一. 搭建vux脚手架
1. 准备
1.安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),node -v//显示node版本
npm -v//显示npm版本号
2.nmp镜像
Cmd命令行中输入
通过npm使用
npm config set registry https://registry.npm.taobao.org[/code]
通过cnpm使用npm install -g cnpm –registry=https://registry.npm.taobao.org
3.安装vue脚手架工具vue-clinpm install -g vue-clivue –version//显示版本2. 搭建
在所工作的目录下,搭建项目vue init airyland/vux2 项目名称cd 项目名称npm inpm run dev
访问地址 localhost:80803. 访问后台请求
安装 axiosnpm i axios4.使用store
安装vuexnpm i vuex
(项目已经安装过了)
并创建文件
store文件夹,store.js
1.main.js添加//引入vuex文件 import store from './store/store.js'//注意文件路径
2.store文件夹下的store.js//引入我们的vue和vuex。 import Vue from 'vue' import Vuex from 'vuex' //使用我们vuex,引入之后用Vue.use进行引用 Vue.use(Vuex);二. 搭建koa2
1. 快速搭建
安装koa-generator
在终端输入:$ npm install -g koa-generator
在你的工作目录下,输入:$ koa2 项目名称$ cd 项目名称$ npm install
1.3 启动项目$ npm start
访问地址 localhost:30002.解决前后端跨域问题
因为前端框架端口是8080,后端是3000,所以请求需要跨域。
安装koa2-corsnpm i koa2-cors
app.js 文件添加var cors = require('koa2-cors'); app.use(cors());3.mongoose安装
为了使用mongodb数据库npm i mongoose
app.js写入//数据结构表存入数据库 require('./lib/dbHelper') //连接数据库 mongoose.connect( `mongodb://localhost:27017/hr` ); mongoose.connection.on('open', function () { console.log('数据库连接成功!'); });三. 搭建mongodb
正常下载安装mongodb,官网链接
配置环境变量。
新建一个文件夹,放数据库表等信息 如 D:\My_DB。
启动mongodbmongod --dbpath D:\My_DB
相关文章推荐
- Spring MVC + MongoDB + Maven搭建项目开发环境
- mongodb分片环境搭建启动mongos报错
- win7环境下.net的web环境搭建及其项目的加载运行
- 项目开发环境搭建手记(5.Jenkins搭建)
- 工作一年总结之一项目环境搭建
- (jenkins)hudson平台搭建android项目持续化集成以及基于NativeDriver的自动化测试环境
- maven管理android项目 环境搭建
- Zookeeper项目开发环境搭建(Eclipse\MyEclipse + Maven)
- (jenkins)hudson平台搭建android项目持续化集成以及基于NativeDriver的UI自动化测试环境
- 基于AXIS的web service项目环境搭建
- 远程桌面连接操作windowns系统搭建java项目运行环境
- Myeclipse+Tomcat+MAVEN+SVN项目完整环境搭建
- intellij IDEA创建nodejs项目---环境搭建
- maven-Android项目环境搭建
- nodejs、mongodb、Subversion环境搭建
- [BI项目记]-搭建代码管理环境之签入代码
- 自己动手搭建 MongoDB 环境,并建立一个 .NET HelloWorld 程序测试
- Spring Data MongoDB 环境搭建
- MongoDb(一)--环境搭建
- SpringMVC,MyBatis项目中兼容Oracle和MySql的解决方案及其项目环境搭建配置、web项目中的单元测试写法、HttpClient调用post请求等案例