1.项目后端创建
(1).下载项目所需后端文件:
项目源码01-NeteaseCloudMusicApi-master(后端api源代码)
(2) .将其解压缩并通过终端指令node app.is.运行项目所需后端文件
2.项目创建:
(1) .通过vue3-cli 脚手架创建项目: vue create music003
(2) .选取并下载所需依赖包文件
(3) .选取 vue版本
(4) .通过终端指令npm run serve运行项目
3.发现页面的实现
首先创建发现页面,后在页面中分别以组件形式引入:导航栏,轮播图,发现歌单列表
前置: 引入文件 rem.js以控制项目中的文本大小 rem.js文件控制文本大小方法通侦测设备屏幕宽度靠特定函数动态调整
(1)导航栏
将导航栏以组件形式添加到页面上,以此优化项目结构方便后期的开发工作
具体实现步骤: 
1.在components创建组件 topNav vue
2.将组件 topNav.vue引入初始显示页面view文件夹下的HomeView.vue,文件并注册,使用
3.页面编写
1).在特定地方使用阿里巴巴矢量图标以实现特定图标的渲染