(本文来自技术胖博客文字版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 进行测试