使用tsx编写，一个流畅清爽好用的PC端音乐网站

👂 前言

感谢 binaryify 大佬的 NeteaseCloudMusicApi 接口支持 😜

• 项目预览地址
• 接口文档地址

📔 已有功能

• 网易云APP扫码登录 & 网易云账号登录
• 注册
• 骨架屏
• 音乐播放器
• 歌单 & 详情
• 歌手 & 详情
• MV & 详情mv播放
• 排行榜
• 搜索
• 评论
• 歌词

🔧 兼容性

• nodejs：14.18.0+
• 浏览器：ie11+

🚀 运行项目

• clone该项目：music-website
• 安装：npm install
• 运行：npm run serve
• 测试环境打包：npm run build_test
• 正式环境打包：npm run build
• 修复：npm run lint-fix
• 打包后预览：npm run preview

⚡️ 本地开发准备

• 本地开发请先下载 NeteaseCloudMusicApi 项目

• 下载完成后，进入NeteaseCloudMusicApi文件夹，打开cmd终端，npm install安装依赖，使用node app.js命令启动

• 将music-website项目根目录下.env.development文件里VUE_APP_BASE_URL字段修改为NeteaseCloudMusicApi项目启动后的地址，并重启music-website项目

请在根目录创建.vscode文件夹，并创建settings.json文件，并写入如下代码

{
  "typescript.tsdk": "node_modules/typescript/lib",
  "typescript.enablePromptUseWorkspaceTsdk": true
}

📦️ 目录结构

│─.env.development
│─.env.production
│─.env.test
│─.eslintignore
│─.eslintrc.js
│─.gitignore
│─package-lock.json
│─package.json
│─README.md
│─vite.config.ts
│─index.html
├─node_modules
├─public
└─src
    │─App.vue => 根容器
    │─main.js => 根文件
    │  
    ├─static
    │  ├─styles => 公共样式
    │  │
    │  ├─iconfont => 字体图标
    │  │
    │  └─images => 图片
    │              
    ├─components => 公共组件            
    ├─types
    ├─servers
    ├─router
    ├─config
    ├─store => pinia
    ├─utils => 工具类
    └─pages => 页面