vue3实战项目——网易云App【01-项目准备】
项目准备
一、准备提供数据的API
1、网易云音乐 NodeJS 版 API的安装
这里我使用的是一个github上面的项目 文档地址为: 下载地址为:
git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git
该API提供了很多网易云音乐的数据调用接口,可在本地跑起来,是一个NodeJs项目,下面我来教大家如何把这个项目跑起来。
2、网易云音乐 NodeJS 版 API的使用
首先我们将项目从git上克隆下来,使用VsCode将其打开 进入项目根目录,将项目初始化,先将依赖包下载下来
npm install
运行
node app.js
// 运行成功 server running @ http://localhost:3000
打开浏览器,输入地址进行访问: 到了这里,后端的工作我们就相当于做完了,因为我们的项目主要是前端实战,所以后端就直接调用别人写好的API即可。
二、新建Vue3项目
先将vue-cli安装好,然后使用vue-cli来新建项目,安装选默认Vue3即可
vue create wyyapp
项目初始化:
npm init -y npm install
到目前为止,我们的准备工作已经做完了。