# react-netease-music

**Repository Path**: hidden1992/react-netease-music

## Basic Information

- **Project Name**: react-netease-music
- **Description**: 基于React+TypeScript的网易云音乐
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2021-12-13
- **Last Updated**: 2022-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 基于React

## README

# 基于React的网易云音乐


## 项目说明(必看)
由于目前没有服务器，所以需要以下面的方式启动项目

在项目文件夹中,输入

### `cnpm install`
来安装所需的包(推荐用cnpm,用的包比较多,当然npm也可以)<br/>

**首先在3000端口启动网易云api项目**<br/>
**首先在3000端口启动网易云api项目**<br/>
**首先在3000端口启动网易云api项目**<br/>
(原因在下面)<br/>

之后
### `npm start`
来在3001端口（或者其他端口）启动项目

## 项目结构

###技术栈:
Typescript+React+Ant Design(https://ant.design/index-cn)

###目录结构:
####public:
脚手架生成的，index.html里title和标签页的小logo已经改好了.
####src:
存放源代码的文件夹
>components
> 存放各个组件<br/>
>>IndexContent是主页的内容,IndexTopMenu是顶部的主菜单<br/>
> login是登陆页面<br/>
> NotFound是没有任何匹配，找不到请求的资源时跳转的页面<br/>
> ProjectRouter负责项目的路由
>find_music存放发现音乐相关的页面<br/>
> my_music存放我的音乐相关的页面<br/>
> search存放搜索框和搜索结果
>
> 其他文件:<br/><br/>
> App.css,App.test.tsx,App.tsx是组件的主文件<br/><br/>
> index.css,index.tsx是项目的主文件<br/><br/>
> .env.development是项目配置文件，用于开发环境的配置，
> 这里配置了网易云API的URL，配置的是localhost:3000,
> 把api配置到3000的原因是我的电脑
> 这边把先启动项目再把api启动在其他端口会报错,原因不明
> 如果要改，那么只改自己电脑适用的value,key不要改<br/><br/>
> .env.production是项目配置文件，用于生产环境的配置，
> 目前在本地服务器上跑，所以配置的也是localhost:3000
> 这里配置了网易云API的URL，如果要改，那么只改value,key不要改<br/><br/>
> 其他的是脚手架生成的

##待办:
不太清楚都要写哪些页面<br/>
大部分页面的css都没写<br/>
各大页面渲染还没写