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).在特定地方使用阿里巴巴向量圖示以實現特定圖示的渲染