window下使用nw.js開發桌面應用程式環境的搭建

安裝node

window下去node官網下載長期支援版本或者最新穩定版都可以。

按裝nw用來管理和按裝nw.js

npm install -g nrm # 用來設定npm映象地址
npm install -g nw

複製程式碼

設定npm 映象庫地址

使用nrm來切換映象地址：

nrm ls

nrm test # 測試那個映象地址訪問時間最短

nrm use taobao # 切換映象地址

複製程式碼

到c盤當前使用者目錄下找到.npmrc檔案，用編輯器開啟

home=https://npm.taobao.org
registry=https://registry.npm.taobao.org/
# 加入下面這行儲存
nwjs_urlbase=https://npm.taobao.org/mirrors/nwjs/

複製程式碼

可以使用nw 來進行下載nw.js 和執行桌面應用程式

拷貝一個專案：(github.com/otelnov/fil…)[gitbub上隨便找個nw專案]

開發階段下載sdk的nw

nw install 0.14.1
nw install 0.14.1-sdk
nw install 0.37.1-sdk
nw install 0.37.1

nw ls

nw use 0.37.1-sdk
cd /project_path/ # 進入專案目錄
nw .
複製程式碼

• 可以在視窗上右鍵檢查進行除錯。

• 可以在index.html 中加入script

   const win = nw.Window.get(); 
   win.enterFullscreen(); # 全屏，window 下可以使用crtl + shift + esc 掉出工作管理員殺掉程式
   win.setAlwaysOnTop(true); # 視窗在所有視窗的最前端
   win.show(); # 視窗展示
   win.showDevTools(); # 展示devTools用來除錯
  
   const shortcut = new nw.Shortcut({
     key: 'Command+Alt+Tab'
   });
   nw.App.registerGlobalHotKey(shortcut);
    
    ```
  
  複製程式碼

• 禁止除錯

  # package.json 中新增下面這行程式碼
  "chromium-args":"--disable-devtools",
  複製程式碼