该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Logo

Music Player

高颜值的第三方网易云播放器
🌎 访问DEMO   |   📦️ 下载安装包   |   💬 加入交流群

🎉 特性

  • 🌚 Light/Dark Mode 自动切换
  • ✅ 使用 Vue.js 全家桶开发
  • 📃 支持歌词显示
  • 🔴 网易云账号登录(扫码/手机/邮箱登录)
  • 🌍 语言切换(支持中英文)
  • 📺 支持 MV 播放
  • ☁️ 支持音乐云盘
  • 📻 支持私人 FM / 每日推荐歌曲
  • 🛠 更多特性开发中

配置开发环境

本项目由 NeteaseCloudMusicApi 提供 API

# 安装依赖
yarn install

# 创建本地环境变量
cp .env.example .env

# 运行(web)
yarn serve

# 运行(electron)
yarn electron:serve

本地运行 NeteaseCloudMusicApi,或者将 API 部署至 Vercel

# 安装依赖
yarn NeteaseCloudMusicApi:install

# 运行 API (默认 3000 端口)
yarn server

🌱 安装使用

  • 获取项目代码
git clone git@gitee.com:H260788/vue-music.git
  • 安装依赖
yarn install
  • 运行
yarn serve
  • 打包
yarn build
  • 检查修复源文件
yarn lint

🎨 目录结构

├── dist                       // 打包文件
├── node_modules               // 依赖包
├── public                     // 静态目录
├── src                        // 源代码
│   ├── api                    // 所有请求
│   ├── assets                 // 主题字体图片svg icons等静态资源
│   ├── components             // 全局公用组件
│   ├── directive              // 全局指令
│   ├── electron
│   ├── filtres                // 全局过滤
│   ├── locale                 // 国际化语言
│   ├── mock                   // mock服务
│   ├── plugins				   // 插件
│   ├── router                 // 路由
│   ├── store                  // 全局 store管理
│   ├── styles                 // 全局样式
│   ├── utils                  // 全局公用方法
│   ├── views                  // view 页面目录
│   ├── App.vue                // 入口页面
│   ├── background.js          // electron 配置
│   ├── main.js                // 入口 加载组件 初始化等
│   └── config.js
├── .babelrc                   // babel-loader 配置
├── eslintrc.js                // eslint 配置项
├── .prettierrc
├── .gitignore                 // git 忽略项
├── README.md                  // 说明
├── jsconfig.json
├── package.json               // 项目名称 项目版本 项目描述 项目运行的一些脚本(依赖)
└── vue.config.js              // vue配置文件

⚙️ 代码提交自动检测

 "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "*.{js,jsx,vue,ts,tsx}": [
      "vue-cli-service lint",
      "git add"
    ]
  }

👷 插件安装说明

storejs                    LocalStorage本地存储库

使用说明

svg-sprite-loader          svg库

使用说明

NProgress                 进度条库

使用说明

lodash                    JavaScript 实用工具库

官方文档

vue-i18n                  国际化语言

官方文档

axios                     http库

官方文档

dayjs                     为浏览器解析、验证、操作和显示日期和时间

官方文档

Plyr                       一个轻量级的 HTML5 播放器

文档

v-contextmenu              右键菜单插件

文档

vue-slider-component        vue自定义滑块控件

文档

Howler                      HTML5声音引擎

文档

VueClipboard                vue复制插件

文档

wangeditor                  富文本编辑器

官网

electron                    跨平台桌面应用程序

官网

transform-remove-console    去除生产环境日志
babel-plugin-component      按需引入组件

空文件

简介

高颜值的第三方网易云播放器 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化