最近小編在查看分享資料時(shí)，發(fā)現(xiàn)一個(gè)可以開(kāi)發(fā)跨平臺(tái)桌面應(yīng)用的框架——NW.js(原名：node-webkit)。正當(dāng)小編興致勃勃的研究NW.js的時(shí)候，最基礎(chǔ)的安裝環(huán)節(jié)出了問(wèn)題。無(wú)論用npm還是cnpm都無(wú)法完整下載所依賴的包(具體原因待考察)。鑒于此，我只能轉(zhuǎn)向研究另一個(gè)同類型的框架——Electron(原名：Atom Shell)。

首先，進(jìn)入Electron的github官網(wǎng)，上邊有詳細(xì)的文檔說(shuō)明。為了快速搭建應(yīng)用框架，我們可以選擇Electron的electron-quick-start項(xiàng)目。以下相關(guān)操作都在win7的64位操作系統(tǒng)中進(jìn)行。

打開(kāi)E盤，新建目錄desktop-app-demo，打開(kāi)gitbash，進(jìn)入此目錄，輸入git命令下載electron-quick-start項(xiàng)目代碼。

進(jìn)入目錄electron-quick-start，輸入命令npm install，安裝相關(guān)依賴包。

輸入命令npm start，運(yùn)行項(xiàng)目。如果彈出Hello World的窗口，說(shuō)明項(xiàng)目運(yùn)行成功。如下圖：

現(xiàn)在，我們要將項(xiàng)目代碼打包成系統(tǒng)安裝軟件。這里我們采用一種比較簡(jiǎn)潔的方式進(jìn)行打包——使用electron-builder模塊。

輸入命令cnpm install electron-builder -g， 全局安裝electron-builder模塊。安裝完成后，輸入命令build --help，測(cè)試是否安裝成功。如下圖：

如果出現(xiàn)幫助信息，即為安裝成功。

需要在項(xiàng)目文件夾下新建資源文件夾(這里新建名字為res的目錄)，將程序發(fā)布所用的圖標(biāo)等資源統(tǒng)一放進(jìn)資源文件夾進(jìn)行管理。(打包windows exe需要ico文件像素為256*256)。如下圖：

編輯項(xiàng)目目錄里的package.json，添加electron-builder編譯所需要的屬性，如下圖：

配置完成后在項(xiàng)目目錄里執(zhí)行命令build --win --x64。執(zhí)行命令后即開(kāi)始打包，無(wú)報(bào)錯(cuò)后即打包成功。如下圖：

打包成功后，會(huì)在項(xiàng)目目錄里自動(dòng)生成dist目錄，里邊存有生成的桌面應(yīng)用安裝包。如下圖：

這個(gè)安裝包可以隨意復(fù)制、移動(dòng)、重命名。我們可以把它復(fù)制到E盤下，重名為desktop-demo.exe。雙擊安裝運(yùn)行，如下圖：

安裝成功后，會(huì)自動(dòng)在桌面生成一個(gè)快捷方式，如下圖：

如果想卸載此應(yīng)用，可以直接在軟件管理軟件中卸載，如下圖：

這樣，我們通過(guò)nodejs制作的基于windows桌面應(yīng)用demo就完成了。如果想生成其他系統(tǒng)的安裝包，只要按照electron-builder的官方文檔說(shuō)明打包即可。

代碼地址：

歡迎關(guān)注個(gè)人公眾號(hào)，查看更多好文。

總結(jié)

以上是生活随笔為你收集整理的pythonelectron桌面开发案例_使用Electron开发基于Node.js的桌面应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。