weapon-xx / 163music
Licence: mit
🎵163 music web app built with Vue 2.6, server side render, webpack 4
Stars: ✭ 139
Projects that are alternatives of or similar to 163music
Mmf Blog Vue2 Ssr
mmf-blog-vue2 ssr(The service side rendering)
Stars: ✭ 174 (+25.18%)
Mutual labels: express, vuex, vue-router, server-side-rendering
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+79.14%)
Mutual labels: vuex, sass, vue-router, vue2
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+836.69%)
Mutual labels: webpack4, vuex, vue-router, server-side-rendering
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (+519.42%)
Mutual labels: express, vuex, vue-router, vue2
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+424.46%)
Mutual labels: vuex, sass, vue-router, vue2
Vue Node Pastime
😄 基于vue全家桶、nodejs和mongodb的前后端整合项目
Stars: ✭ 200 (+43.88%)
Mutual labels: express, vuex, sass, vue2
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (-25.9%)
Mutual labels: express, vuex, vue-router, vue2
vue-webpack-boilerplate
A webpack boilerplate with vue-loader, axios, vue-router and vuex
Stars: ✭ 51 (-63.31%)
Mutual labels: mocha, karma, vue2, vue-router
Vue Chat
👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
Stars: ✭ 887 (+538.13%)
Mutual labels: express, vuex, vue-router, vue2
Vue Cli Multipage Bootstrap
vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
Stars: ✭ 105 (-24.46%)
Mutual labels: webpack4, vuex, vue-router, vue2
Vue Element Quick Start
Vue2, Vuex 3, Vue Router 3, Element-ui and Typescript SPA project quick start kit(Vue element ui 快速开始脚手架)
Stars: ✭ 135 (-2.88%)
Mutual labels: webpack4, vue-router, vue2
Vue Studymaps
使用 Vue.js 开发的聚合应用。通过爬虫抓取平时浏览的网站,省去逐个点开网页的时间。
Stars: ✭ 71 (-48.92%)
Mutual labels: express, vuex, vue-router
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统(包含地图等嵌套)
Stars: ✭ 74 (-46.76%)
Mutual labels: vuex, vue-router, vue2
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+716.55%)
Mutual labels: vuex, vue-router, vue2
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+715.83%)
Mutual labels: vuex, vue-router, vue2
163music
🎵 网易云音乐移动端 web app
项目主体功能已大致完成:
- 用户登录、日推歌单、查看创建歌单、查看动态、音乐播放、单曲搜索等;
- webpack 构建和完善开发、部署流程;
- 单元测试、风格测试、持续部署;
接下来还会陆续添加一些新功能和对代码进行持续优化。
如果您发现有什么问题或者更好的想法,欢迎提交 issue 和 pr,
如果觉得项目有参考或者学习的价值,可以点击一下 star ⭐️,非常感谢~
技术栈
- vue:vue 2.6, vue-router, vuex, vue-server-renderer
- webpack:webpack 4, webpack-dev-middleware, webpack-hot-middleware
- node:express 4
- test:karma 4, mocha, sinon-chai, vue/test-utils, eslint
上手指南
项目代码涉及 ES6/7 特性,Node 请安装 v8.0 以上版本
本地开发环境:OSX 10.14.1,node v11.8.0,npm 6.5.0,Chrome 72
安装依赖
npm install
开发环境运行
配置静态 host: dev.jacksonx.cn -> 127.0.0.1
npm run dev
浏览器访问 dev.jacksonx.cn:8080
生产环境构建
npm run build
生产环境部署
npm run start
单元测试
单元测试使用 karma + mocha + sinon-chai ,配合 webpack + @Vue/test-utils 来进行单文件组件测试
npm run test
风格测试
风格检测使用 eslint,airbnb 风格
npm run lint
项目截图
在线体验 (请使用 chrome 移动端调试体验)
相关资料
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].