Giter Club home page Giter Club logo

vue-music's Introduction

3.0都来了 学啥2.0 啊 🐶

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

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的代码

vue-music's People

Contributors

ifmiss avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-music's Issues

请问您在开发过程中有遇到过同源限制吗?

菜鸟一枚,最近仿照您的代码学习复杂单页应用的开发。我在尝试接入后台时,控制台报错:Access to XMLHttpRequest at 'http://localhost:3000/' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
所以想问一下您在开发过程中有遇到同源限制吗?如果有,是怎么解决的,因为我并没有发现项目中有这样的处理。
如有打扰,还请见谅

一级导航切换之后,二级导航会变成默认的路由

具体状况是,当前路由是/index时候,切换到/index/songs,然后又切换到/friends,再切回/index的时候,理想状态应该是/index/songs,但是会默认变成/index;(主要纠结的是子组件渲染有没有什么比较优雅的控制方式)
我最近也在仿写网易云,这个问题纠结了好久,后来我是用了router-view的:is 属性控制子组件的渲染解决的,请问有没有什么更好的解决方法呢

早期版本里的counter

在header组件里有一个Counter组件,这个counter是不是你在学习state的时候建立的并没有实际用处?

const Counter = {
template: <div><p>{{ getdone }}</p><p>{{countAlias}}</p><p>{{countPlusLocalState}}</p></div>,
// computed: mapState({
// count: state => state.count,
// countAlias: () => 'count',
// countPlusLocalState (state) {
// return state.count + 11
// }
// })
computed: {
localComputed () {
return this.$store.state.count
},
getdone () {
return this.$store.getters.doneTodos
},
...mapState({
count: state => state.count,
countAlias: () => 'count',
countPlusLocalState (state) {
return state.count + 11
}
})
}
}

但是我发现删掉的时候会有问题。这就很奇怪了。问题可能有点蠢因为我还没有看完你的代码。

异步请求的代码在哪?

项目打开轮播图那里报错了 Cannot read property 'reconmmend' of undefined" ,我找了好久没找到异步请求的代码,接口用的是哪里的呀

执行npm run dev一直报这个错是怎么回事

[email protected] dev E:\work\H5\project\github\vue-music-2.0
vue-cli-service serve --mode development

ERROR Error loading vue.config.js:
ERROR Error: Cannot find module 'uglifyjs-webpack-plugin'
Error: Cannot find module 'uglifyjs-webpack-plugin'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15)
at Function.Module._load (internal/modules/cjs/loader.js:506:25)
....

我重新npm install uglifyjs-webpack-plugin --save-dev又提示
npm ERR! EEXIST: file already exists, mkdir 'E:\work\H5\project\github\vue-music-2.0\node_modules\babel-code-frame'

这个问题怎么解决呢?

关于字体图标

你的素材资源在哪里找的啊,就是那些字体图标的素材,现在跟新好多的图标,我想重新制作一个,不知道哪里找素材

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.