转前端一年多。之前一直忙着写业务代码，最近不忙，想写一个完全属于自己的项目。本来打算用react来做的，但是一边翻api一边写可能会花很长时间，所以打算等这个项目做完再写一个react项目。由于时间关系，本项目暂时只有部分功能，有空会继续更新。运行项目将代码克隆到本地：gitclonehttps://github.com/chenging/vue.git；安装依赖：进入项目根目录，命令行工具输入npminstall；运行前端服务器：命令行工具输入npmstart，打开http://localhost:8888预览项目；安装数据库：直接从mongodb官网下载即可，安装后在C盘目录下新建文件夹data，进入data文件夹新建db文件夹，这是mongodb默认存放data的目录;打开mongodb数据库：进入mongodb安装目录，找到mongod.exe文件，双击打开；运行node.js后台服务器：进入项目根目录，在命令行工具中输入nodeserver，第一次运行会存储初始数据。1.目录结构2.前端主要技术栈：vue+vue-router+axios+es6+webpack+canvas；后端：node.js+koa；数据库：mongodb+mongoose三、目前完成的功能音乐播放：包括播放进度条、播放动画、歌曲切换视频播放：播放视频时暂停音乐播放，结束后继续播放音乐；登录注册：登录、注册、修改数据歌曲搜索：通过歌曲名、歌手名、歌词进行模糊查询。图片轮播：自动切换图片和手动切换图片4.参考webpack官方文档：https://webpack.js.org/guides...廖老师nodejs教程https://www.liaoxuefeng.com/w。.mongoose官方文档：http://mongoosejs.com/docs/ap...5.在线demo及项目地址在线demo地址：https://chenging.github.io/vu...github地址：https：//github.com/chenging/vue项目截图和代码部分就不放了，里面有详细的注释（主要是怕忘记了...)第一次写文章，也是第一个个人项目，包括后台和数据库。...更多的是对自己的总结，欢迎大家对代码或项目部分提出意见和建议。项目未完成的部分将在后期逐步完成。
