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