"如果你可以建一個(gè)網(wǎng)站，你就可以建一個(gè)桌面應(yīng)用程序。Electron 是一個(gè)使用 JavaScript, HTML 和 CSS 等 Web 技術(shù)創(chuàng)建原生程序的框架，它負(fù)責(zé)比較難搞的部分，你只需把精力放在你的應(yīng)用的核心上即可"。

“Electron 基于 Chromium 和 Node.js, 讓你可以使用 HTML, CSS 和 JavaScript 構(gòu)建應(yīng)用?！?/p>

“Electron 兼容 Mac、Windows 和 Linux，可以構(gòu)建出三個(gè)平臺的應(yīng)用程序?！?/p>

官方網(wǎng)站：http://www.electronjs.org/

Electron集成vue

vue是目前常用的前端開發(fā)框架，并且提供了集成Electron的開發(fā)方式，具體的實(shí)現(xiàn)步驟：

在命令行（cmd），使用vue-cli新建vue工程：
vue create? [projectname]按照提示的操作步驟，直到新建vue工程完成；
進(jìn)入工程目錄的文件夾，添加electron-builder即可；

vue add electron-builder中間會提示選擇electron的版本，按照個(gè)人選擇即可；
electron-builder官網(wǎng)：https://www.electron.build/

完成后，打開package.json，會多相應(yīng)的啟動命令行，運(yùn)行electron程序：

運(yùn)行效果：

注意：

在background.js中，最好把vue devtools的代碼注釋掉，要不然國內(nèi)訪問會慢，工程的啟動也會卡住。