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

到目前为止,我们的准备工作已经做完了。

经验分享 程序员 微信小程序 职场和发展