資訊專欄INFORMATION COLUMN
摘要：很好，前端任務又來了，開發(fā)過程中踩了不少坑，一個缺點就是體積大。切入正題，通過對的一些了解，業(yè)余時間通過搭建了一個網易云音樂客戶端，因為時間關系只做了客戶端的核心部分，有時間更新，這個項目會堅持做下去。
前言
就在兩個月前公司需求快速開發(fā)一款桌面應用軟件，嗯，快速。
并且提供了技術方案Nwjs，起初不知道這款框架的存在，網上查找了一波，發(fā)現(xiàn)更牛逼的一款快速搭建桌面應用的框架，那么它就是electron。
很好，前端er任務又來了，開發(fā)過程中踩了不少坑，一個缺點就是體積大。其他方面簡直就是帥呆了，酷斃了，簡直無法比喻了。自動更新、本地菜單和通知、系統(tǒng)奔潰報告、調試和分析、Windows安裝程序，簡直為我們節(jié)省了不少時間，大贊一個。
這里我們不對electron做過多的介紹，大家自行看官方文檔。
切入正題，通過對electron的一些了解，業(yè)余時間通過vue、electron搭建了一個網易云音樂客戶端，因為時間關系只做了客戶端的核心部分，有時間更新，這個項目會堅持做下去。
技術棧vue全家桶(vue vue-router vuex)
electron(應用框架)
request(請求數(shù)據(jù))
ES6
SCSS
更多...
啟動運行npm instal --- 安裝依賴 cd api/ npm install && npm start --- 啟動api服務 npm run dev --- 運行項目 npm run build --- 打包本地項目
關于打包大家自行在官方查找相關配置，這里就不一一介紹了。
功能用戶手機號登錄
用戶菜單
條件搜索
播放記錄列表
播放詳情
音量大小
更多...
功能看起來不多，精品在于細節(jié)，主進程與渲染進程的一些方法封裝、組件封裝、vuex的狀態(tài)管理應用。
先看一下運行效果視頻
...
再來幾張張圖片
是不是很贊，因為我電腦是是MacOs系統(tǒng)，客戶端界面只做了Mac系統(tǒng)界面Windows運行起來所看到的是一款MacOs的應用，看起來感覺怪怪的。不過話說回來，現(xiàn)在前端干的事兒真不少，Web、混合App開發(fā)、游戲、桌面應用。
嗯，加油前端?。?！
源碼源碼地址：https://github.com/eugeneCN/v...
喜歡的小伙伴點個star吧。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/87304.html
摘要：目前支持的平臺網易云音樂酷狗音樂音樂千千百度音樂酷我音樂蝦米音樂。存在的退出程序后存在類似進程殘留的現(xiàn)象。具體實現(xiàn)過程詳見源代碼。 文章首發(fā)于公眾號：Charles的皮卡丘作者：Charles 開發(fā)工具：Python版本：3.6.4相關模塊：pycryptodome模塊；pillow模塊；requests模塊；以及一些Python自帶的模塊。 環(huán)境搭建：安裝Python并添加到環(huán)境變量...
摘要：我選擇的是萬網，阿里下面的。然后在主題配置文件下添加主題配置文件中添加自定義樣式不得不說還是很人性化的，你可以個性化定制你的網站，你所有的改動需要放在主題文件的文件中，會 前言 本篇文章是在已經搭建好gitpage+hexo的博客的前提下（不懂怎么搭建的可以參考我的另一篇博文：了解githubPages+hexo搭建博客的原理 或者利用Gitpage+hexo開發(fā)自己的博客，這兩篇博文...
摘要：我選擇的是萬網，阿里下面的。然后在主題配置文件下添加主題配置文件中添加自定義樣式不得不說還是很人性化的，你可以個性化定制你的網站，你所有的改動需要放在主題文件的文件中，會 前言 本篇文章是在已經搭建好gitpage+hexo的博客的前提下（不懂怎么搭建的可以參考我的另一篇博文：了解githubPages+hexo搭建博客的原理 或者利用Gitpage+hexo開發(fā)自己的博客，這兩篇博文...
閱讀 1391·2023-04-25 16:45
閱讀 1929·2021-11-17 09:33
閱讀 2321·2021-09-27 14:04
閱讀 922·2019-08-30 15:44
閱讀 2642·2019-08-30 14:24
閱讀 3425·2019-08-30 13:59
閱讀 1699·2019-08-29 17:00
閱讀 899·2019-08-29 15:33
