网易云极简实现(开篇)

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).在特定地方使用阿里巴巴矢量图标以实现特定图标的渲染

 

posted @ 2022-05-08 15:41  Exercise  阅读(58)  评论(0)    收藏  举报