前言

雖然 electron 已經(jīng)出來(lái)好長(zhǎng)時(shí)間了，但是最近才玩了一下，寫篇博文記錄一下，以便日后回顧。

electron 的入門可以說(shuō)是相當(dāng)簡(jiǎn)單，官方提供了一個(gè) quick start，很流暢的就可以跑起來(lái)一個(gè)應(yīng)用。

為啥要做個(gè)播放器呢，因?yàn)槲以诤芫煤芫靡郧皩戇^(guò)一個(gè)網(wǎng)頁(yè)版的音頻可視化播放器，但是因?yàn)槭窃陧?yè)端，所以想播放本地音樂(lè)很麻煩，也沒(méi)法保存。因此就想到用 electron 做個(gè)播放器 App，就可以讀本地的網(wǎng)易云音樂(lè)目錄了。

生成骨架

由于習(xí)慣用 vue，因此也準(zhǔn)備用 vue 來(lái)實(shí)現(xiàn)這個(gè)應(yīng)用。而目前就已經(jīng)有個(gè) electron-vue 的 boilplate 可以用。因此就直接通過(guò) vue-cli 來(lái)進(jìn)行初始化即可。

vue init simulatedgreg/electron-vue boom

然后就可以生成項(xiàng)目骨架了，結(jié)構(gòu)如下：

.
├──&n