|
|
|
|
# 雀跃 - PC端官网
|
|
|
|
|
|
|
|
|
|
## 环境准备
|
|
|
|
|
- node.js version >= v18.17.0
|
|
|
|
|
- 配置 [环境变量](https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables)
|
|
|
|
|
|
|
|
|
|
## 运行
|
|
|
|
|
|
|
|
|
|
### 1. 安装依赖
|
|
|
|
|
```bash
|
|
|
|
|
yarn
|
|
|
|
|
```
|
|
|
|
|
或
|
|
|
|
|
```bash
|
|
|
|
|
npm i
|
|
|
|
|
```
|
|
|
|
|
### 2. 启动项目
|
|
|
|
|
```bash
|
|
|
|
|
yarn dev
|
|
|
|
|
```
|
|
|
|
|
或
|
|
|
|
|
```
|
|
|
|
|
npm run dev
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 3. 在浏览器打开网页
|
|
|
|
|
http://localhost:3001
|
|
|
|
|
|
|
|
|
|
## 部署
|
|
|
|
|
请使用 [Jenkins](http://116.62.145.60:8888/)
|
|
|
|
|
|
|
|
|
|
## 项目指南
|
|
|
|
|
|
|
|
|
|
如果遇到代码飘红报错 试一下 [这个方法](https://juejin.cn/post/6844904069304156168#heading-6)
|
|
|
|
|
|
|
|
|
|
## Feature
|
|
|
|
|
|
|
|
|
|
### todo
|
|
|
|
|
- [ ] 歌词滚动
|
|
|
|
|
- [ ] 播放列表滚动
|
|
|
|
|
- [ ] 切换歌曲，音量重置 bug
|
|
|
|
|
- [ ] 记录历史音量
|
|
|
|
|
- [ ] token 失效 modal
|
|
|
|
|
- [ ] 二维码美化
|
|
|
|
|
- [ ] 扫码登录
|
|
|
|
|
- [ ] 初次进入bug
|
|
|
|
|
|
|
|
|
|
## 了解更多
|
|
|
|
|
|
|
|
|
|
需要了解项目技术栈的相关信息，可以查看以下资源
|
|
|
|
|
|
|
|
|
|
- [Next.js Documentation](https://nextjs.org/docs) - 了解 Next.js 功能和 API。
|
|
|
|
|
- [Learn Next.js](https://nextjs.org/learn) - 交互式 Next.js 教程。
|
|
|
|
|
- [Learn Next.js APP router](https://nextjs.org/learn/dashboard-app) - 交互式的 Next.js APP router 教程。
|
|
|
|
|
- [Learn UnoCSS](https://tailwindcss.com/docs/installation) -了解 UnoCSS 。
|
|
|
|
|
- [Tailwind CSS Documentation](https://tailwindcss.com/docs/installation) -了解 Tailwind CSS 语法 。
|
|
|
|
|
- [Learn Zustand](https://github.com/pmndrs/zustand) -了解 Zustand 。
|
