牛逼！五分鐘開發一款桌面版應用

1、下載下傳nw.js

https://nwjs.io/

最好下載下傳sdk版本。

2、解壓打開安裝包

下載下傳完之後，解壓打開

圖中的app檔案夾是我自己建立的，你也需要自己建立一個，裡面放你項目檔案。app檔案夾中一般放一個

index.html

（頁面展示），另外還需要建立一個

package.json

檔案（參數配置）：

{
        "name":  "first  app",
        "main":  "index.html",
        "version":  "1.0",
        "window":  {
                "height":  300,
                "width":  360,
                "show":  true,
                "title":  "first  app",
                "toolbar":  true,
                "frame":  true,
                "resizable":false,
                "icon":  "./icon.png",
                "transparent":false
        }
}

複制

下面是各個參數的意思：

name：這個app的名稱，可以随便取一個~
main：代表app的入口檔案，我們這裡用的是index.html，就是當app啟動的時候第一個頁面是什麼。
version：版本号，一般于後續版本更新使用。
window：對視窗進行設定。
height：高度，機關像素。
width：寬度，機關像素。
show：當程式一點選運作的時候是否直接把視窗顯示出來。
title：視窗标題，當入口頁面的title标簽為空的時候就使用這個屬性來當做視窗的标題。
toolbar：是否啟用工具條。
frame：是否使用邊框，也就是含有最小化，關閉等按鈕的邊框。
resizable：是否可以調整視窗大小。
icon：視窗的圖示，也是在快速啟動欄顯示的圖示。
transparent：視窗背景是否透明。

複制

然後将app檔案夾下的所有檔案項目檔案壓縮成

app.zip

的壓縮檔案，将其更改為app.nw檔案。将app.nw從app中粘貼到根目錄中，然後打開指令行工具合并成exe檔案：

copy /b "E:\myweb\maomin\nwjs\nw.exe"+"E:\myweb\maomin\nwjs\app.nw"   "E:\myweb\maomin\nwjs\app.exe"

複制

這裡隻是一個例子，按自己的存放的路徑來。合并完成後會在根目錄看見一個名叫

app.exe

的檔案。

3、下載下傳Enigma Virtual Box

接着你需要下載下傳一個名叫Enigma Virtual Box的軟體。下載下傳連結打開它，選中app.exe然後将你剛才下好的nw.js裡原始檔案（除去你自己生成和建立的檔案或檔案夾）。拖到下面的大方框中，點選

Process

4、完成

進度條完成後，根目錄下會有個

app_boxed.exe

的檔案，這個檔案可以在任何地方打開，是不是很happy！！！