本项目为腾讯&华科举办的课堂大作业

• 项目要求

项目预览

• 预览地址：点我

项目技术栈

前端

• React：用于构建用户界面的 MVVM 框架

• React-Router：为项目提供的路由系统

• Redux：React 集中状态管理

• axios: 发送网络请求，请求拦截和响应拦截

• Ant Design：简化前端组件设计

• Immutable：对reudx中保存的state使用immutable进行管理

• styled-components：解决组件内容编写样式会影响全局样式导致冲突

后端

• axios：用来请求后端 API 音乐数据
• 网易云 API：网易云音乐 NodeJS 版 API，提供音乐数据

其他工具

• create-react-app：React 脚手架工具，快速初始化项目代码
• 内置eslint：代码风格检查工具，帮助我们规范代码书写

项目文件结构

• src
  • Pages 页面
  • Router 路由信息配置
  • Request 后端请求功能
  • Utils 非组件的函数与类
  • Components 页面组件及其样式文件
  • Static 页面所需资源
  • app.tsx 根组件
  • index.tsx 入口文件
• public 静态文件资源
• package.json
• tsconfig.json

项目使用说明

• clone网易云api到本地，并按照网站指示开启服务
• 克隆本项目代码到本地，在powershell中运行：

  # 安装依赖
  npm install
  # 启动项目，运行在localhost:3000
  npm run start
  # 项目部署
  npm run build