All Projects → IFmiss → Vue Music

IFmiss / Vue Music

基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本

Projects that are alternatives of or similar to Vue Music

Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (-70.06%)
Mutual labels:  vue-cli, axios, vuex, vue-router, vue2
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-83.04%)
Mutual labels:  vue-cli, axios, vuex, vue-router, vue2
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+32.75%)
Mutual labels:  vue-cli, axios, vuex, vue-router, vue2
Code-VueWapDemo
“Vue教程--Wap端项目搭建从0到1”的源码
Stars: ✭ 19 (-97.78%)
Mutual labels:  vue-cli, axios, vue2, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (-14.74%)
Mutual labels:  axios, vuex, vue-router, vue2
Vuemmerce
👉 Responsive ecommerce template 🛒 built with Vue.js and Nuxt.js
Stars: ✭ 223 (-73.92%)
Mutual labels:  vue-cli, vuex, vue-router, vue2
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (-67.37%)
Mutual labels:  vue-cli, axios, vuex, vue-router
Dashboard
A dashboard scaffolding based on Vue.js 3.0 created by Vite.
Stars: ✭ 497 (-41.87%)
Mutual labels:  vue-cli, vuex, vue-router, vue2
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (-21.29%)
Mutual labels:  vue-cli, axios, vuex, vue-router
Vue News
Vue2.5知乎日报单页应用
Stars: ✭ 300 (-64.91%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Testing Examples
Advanced testing with vuejs. When you need to go beyond Getting started section and see some real world example with everything that proper tests should have.
Stars: ✭ 288 (-66.32%)
Mutual labels:  axios, vuex, vue-router, vue2
Netease yanxuan
vue版网易严选,体验网易严选购物流程,线上访问:http://zhaoboy.bid/yanxuan/#/
Stars: ✭ 417 (-51.23%)
Mutual labels:  vue-cli, axios, vuex, vue-router
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-75.67%)
Mutual labels:  vue-cli, axios, vuex, vue-router
Vue Admin Template
a vue2.0 minimal admin template
Stars: ✭ 15,411 (+1702.46%)
Mutual labels:  vue-cli, axios, vuex, vue-router
Vue-CAMP
VueJS
Stars: ✭ 16 (-98.13%)
Mutual labels:  vue-cli, axios, vue2, vue-router
Douban
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent
Stars: ✭ 2,324 (+171.81%)
Mutual labels:  vue-cli, vuex, vue-router, vue2
Vue Cnode
🚀 基于vue3 function-based 构建cnode社区
Stars: ✭ 192 (-77.54%)
Mutual labels:  vue-cli, axios, vuex, vue-router
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (-39.65%)
Mutual labels:  axios, vuex, vue-router, vue2
Vue Objccn
🔥 Use Vue.js to develop a cross-platform full stack application / 用 Vue.js 开发的跨三端应用
Stars: ✭ 1,993 (+133.1%)
Mutual labels:  vue-cli, vuex, vue-router, vue2
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+142.34%)
Mutual labels:  vue-cli, vuex, vue-router, vue2

3.0都来了 学啥2.0 啊 🐶

代码已不维护,可移步 https://github.com/IFmiss/vue-website

demo地址;

vue-music

这是新的vue音乐播放器 UI 基本是仿照网易云音乐IOS系统的UI

新的代码才刚开始,不建议继续看以前v1.0的代码,因为真的有待完善,所以我必须要写一个稍微靠谱一点的播放器,不能让你们和我一样踩同样的坑

最新的播放器会使用 NeteaseCloudMusicApi的API,有兴趣可以看看

项目安装 (保证vue-music和NeteaseCloudMusicApi为同级文件夹)

  • step 1. 将最新的vue-music代码拉到本地
  • step 2. 将NeteaseCloudMusicApi拉到本地
  • step 3. 启动 NeteaseCloudMusicApi (npm start) 默认 端口为3000 如果觉得麻烦可以直接访问 https://daiwei.site/netease 调用api
  • setp 4. 启动vue-music (npm run dev) 如果NeteaseCloudMusicApi是默认端口3000, 在vue-music项目中登陆之后基本可以跑通接口了

vue-cli3

项目基于vue-cli3.0搭建的vue开发环境

pug

vue的模版编辑都是基于pug的,使用这个模版引擎会使得编写template里的内容会很方便

项目刚开始做的,而且正在进行中

想看之前老版本的代码,请切换到v1.0的代码

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