Vue3.0-web-music音乐项目_vue3开源项目资源-CSDN文库

共123个文件

vue：39个

ts：39个

scss：8个

vue.js

需积分: 5 69 浏览量 2024-06-06 17:28:43 上传评论收藏 578KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Vue3.0-web-music 音乐项目（123个子文件）

.browserslistrc 30B

iconfont.css 16KB

.env.development 43B

.editorconfig 121B

iconfont.eot 16KB

.eslintignore 60B

.gitignore 231B

index.html 613B

favicon.ico 4KB

iconfont.js 105KB

stylelint.config.js 4KB

flexible.js 1KB

.eslintrc.js 980B

vue.config.js 931B

postcss.config.js 728B

babel.config.js 73B

commitlint.confiig.js 68B

package-lock.json 681KB

iconfont.json 10KB

package.json 2KB

tsconfig.json 787B

README.md 2KB

cover-all.png 77KB

top.png 72KB

cover.png 26KB

stylus.png 25KB

album.png 7KB

logo.png 7KB

Index.module.scss 7KB

index.scss 4KB

_variables.scss 3KB

_reset.scss 1KB

_black.scss 878B

_red.scss 870B

index.scss 82B

index.scss 31B

iconfont.svg 105KB

translate.ts 4KB

constant.ts 3KB

translate.ts 3KB

player.ts 3KB

index.ts 3KB

translate.ts 3KB

util.ts 2KB

translate.ts 2KB

userPlayerAnimation.ts 2KB

translate.ts 2KB

index.ts 2KB

glob.d.ts 2KB

translate.ts 2KB

index.ts 2KB

translate.ts 2KB

index.ts 1KB

createLoading.ts 1KB

click-outside.ts 1KB

translate.ts 1KB

index.ts 973B

index.ts 961B

index.ts 930B

index.ts 911B

animation.ts 903B

main.ts 786B

playlist.ts 761B

translate.ts 695B

index.ts 601B

index.ts 589B

dom.ts 498B

theme.ts 414B

request.ts 391B

shims-vue.d.ts 316B

index.ts 274B

common.ts 191B

index.ts 79B

type.ts 68B

type.ts 58B

Index.tsx 6KB

useCommonSearch.tsx 2KB

Index.tsx 2KB

SearchList.tsx 2KB

useHotSearch.tsx 2KB

iconfont.ttf 16KB

NormalPlayer.vue 11KB

Index.vue 10KB

Index.vue 9KB

MiniPlayer.vue 9KB

Index.vue 8KB

Index.vue 7KB

Index.vue 6KB

Index.vue 5KB

Index.vue 4KB

OfficialItem.vue 4KB

Index.vue 4KB

Album.vue 4KB

共 123 条

# Vue 仿网易云音乐客户端 ## 项目整体结构与部分演示 ### 基本结构 ![结构](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fec9a43df5b74986a97ae98f2d1ab286~tplv-k3u1fbpfcp-watermark.image) ### 1、推荐模块与歌单相关模块部分 ![歌单](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/49109820b77d4c6fb82a5962054fcfef~tplv-k3u1fbpfcp-watermark.image) ### 2、歌手模块、排行榜与最新音乐部分 ![歌手](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e026820685a64f15ac77da24336e9c1d~tplv-k3u1fbpfcp-watermark.image) ### 3、榜单与播放器部分 ![播放器](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/de4c5b11310848f28bba4572a23bb6da~tplv-k3u1fbpfcp-watermark.image) ### 4、搜索与视频相关部分 ![搜索](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7109eeec91094b968964751fde5d0213~tplv-k3u1fbpfcp-watermark.image) ## 使用步骤 ### 后台 1. [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)拉下代码，按照其说明跑起来即可 ### 前端 1. 拉下代码后，如果想换成自己相关的歌曲榜单内容，需要先跑后端代码(一般为3000端口)，去[网易云音乐 NodeJS 版 API](https://binaryify.github.io/NeteaseCloudMusicApi)找到登录接口`/login/cellphone`，手机或者其他方式登录后，将生成cookie，将其复制到`/src/api/request.ts`文件的COOKIE即可 2. 跑项目 ``` npm install npm run serve ``` **参考链接** - [vue3.0中文官网](https://www.vue3js.cn/docs/zh/) - [让你30分钟快速掌握vue 3](https://juejin.cn/post/6887359442354962445) - [快速使用Vue3最新的15个常用API](https://juejin.cn/post/6897030228867022856) - [🚨万字警告了不起的Vue3（上）](https://juejin.cn/post/6898120355781705736) - [Element-plus](https://github.com/element-plus)

评论收藏

内容反馈