前言

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

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

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

生成骨架

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

vue init simulatedgreg/electron-vue boom

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

.
├──&n