最近小編在查看分享資料時，發現一個可以開發跨平臺桌面應用的框架——NW.js(原名：node-webkit)。正當小編興致勃勃的研究NW.js的時候，最基礎的安裝環節出了問題。無論用npm還是cnpm都無法完整下載所依賴的包(具體原因待考察)。鑒于此，我只能轉向研究另一個同類型的框架——Electron(原名：Atom Shell)。

首先，進入Electron的github官網，上邊有詳細的文檔說明。為了快速搭建應用框架，我們可以選擇Electron的electron-quick-start項目。以下相關操作都在win7的64位操作系統中進行。

打開E盤，新建目錄desktop-app-demo，打開gitbash，進入此目錄，輸入git命令下載electron-quick-start項目代碼。

進入目錄electron-quick-start，輸入命令npm install，安裝相關依賴包。

輸入命令npm start，運行項目。如果彈出Hello World的窗口，說明項目運行成功。如下圖：

現在，我們要將項目代碼打包成系統安裝軟件。這里我們采用一種比較簡潔的方式進行打包——使用electron-builder模塊。

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

如果出現幫助信息，即為安裝成功。

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

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

配置完成后在項目目錄里執行命令build --win --x64。執行命令后即開始打包，無報錯后即打包成功。如下圖：

打包成功后，會在項目目錄里自動生成dist目錄，里邊存有生成的桌面應用安裝包。如下圖：

這個安裝包可以隨意復制、移動、重命名。我們可以把它復制到E盤下，重名為desktop-demo.exe。雙擊安裝運行，如下圖：

安裝成功后，會自動在桌面生成一個快捷方式，如下圖：

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

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

代碼地址：

歡迎關注個人公眾號，查看更多好文。