【本博客為原創(chuàng)：http://www.cnblogs.com/HeavenBin/】?　　

前言：

　　這段時間寫的一個項目，供給大家互相學(xué)習(xí)，有什么疑問可以issues我。

源碼地址：https://github.com/HeavenBin/VueMusic

項目構(gòu)成

├── build // webpack配置文件 ├── config // 不同環(huán)境的打包配置 ├── dist // 生產(chǎn)目錄 ├── index.html // 入口html文件 ├── package.json // 項目配置文件 ├── static // 放置靜態(tài)資源 ├── src // 開發(fā)目錄 │ ├── pages // 頁面 │ ├── components // 組件 │ ├── config // 基本配置 │ ├── images // 公共圖片 │ ├── plugins // 引用插件 │ ├── router // 路由配置 │ ├── service // 數(shù)據(jù)交互 │ ├── store // vuex狀態(tài)管理 │ ├── style // 公共樣式 │ ├── App.vue // 頁面入口文件 │ └── main.js // 程序入口文件

技術(shù)棧

• Vue2：采用現(xiàn)代漸進(jìn)式框架Vue2的版本
• Vuex：管理公共組件狀態(tài)量
• vue-router：管理單頁面應(yīng)用路由
• 自定義ajax：基于xmlhttprequest對象以及新興Fetch對象結(jié)合封裝的http請求
• CSS3：CSS3動畫及樣式。
• Sass：css預(yù)處理語言。
• Webpack：自動化構(gòu)建工具，主要配置vue-cli腳手架提供。
• ES6：采用ES6語法。
• SVG：基于可擴(kuò)展標(biāo)記語言的可縮放矢量圖形。
• 接口來源(感謝Binaryify不斷更新的網(wǎng)易云音樂接口)

　　如果您認(rèn)為這篇文章還不錯或者有所收獲，您可以通過掃描一下下面的支付寶二維碼?打賞我一杯咖啡【物質(zhì)支持】，也可以點(diǎn)擊右下角的【推薦】按鈕【精神支持】，因為這兩種支持都是我繼續(xù)寫作，分享的最大動力

轉(zhuǎn)載于:https://www.cnblogs.com/HeavenBin/p/8261724.html

總結(jié)

以上是生活随笔為你收集整理的基于vue2+vuex+vue-router+sass+webpack的网易云音乐的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。