vue+koa移动端实战

266 阅读1分钟
(本文来自技术胖博客文字版http://jspang.com/2018/04/15/vuekoa/)

采用

前后端分离
的开发模式,也就是前端调用后端提供的JSON接口,让Vue和Koa2的代码没有任何的耦合。所以开发环境也是完全分离的,开发完成后你甚至可以分别部署到两个服务器上来进行运行

第一前端环境构建

1.建立前端目录文件夹-->SmileVue

2.使用vue的脚手架vue-cli生成项目目录

2.1全局安装vue-cli==>cmd命令行  npm install vue-cli -g  (备注npm版本6.x以上,)

2.2在SmileVue目录下使用cmd敲入vue-cli命令vue init webpack

3.测试环境是否安装成功

3.1  cmd命令npm  run  dev  

3.2浏览器中输入 http://localhost:8080 进行测试