All Projects → weapon-xx → 163music

weapon-xx / 163music

Licence: mit
🎵163 music web app built with Vue 2.6, server side render, webpack 4

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 Mall
微信公众号测试项目
Stars: ✭ 74 (-46.76%)
Mutual labels:  vuex, 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
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+870.5%)
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
Questionnaire
📋 问卷系统
Stars: ✭ 128 (-7.91%)
Mutual labels:  express, vuex, vue-router
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+715.83%)
Mutual labels:  vuex, vue-router, vue2
Social
基于Vue的社区论坛项目
Stars: ✭ 102 (-26.62%)
Mutual labels:  sass, vue-router, vue2
Echat
基于Vue的点对点聊天项目
Stars: ✭ 130 (-6.47%)
Mutual labels:  vuex, sass, vue-router

163music

Build Status GitHub

🎵 网易云音乐移动端 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 移动端调试体验)

播放

单曲搜索

好友动态

播放列表

播放页面

相关资料

NeteaseCloudMusicApi

vue-hackernews-2.0

vue-awesome-swiper

vuejs-templates/webpack

License

MIT

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].