nw.js的安裝:
1.首先是osx下安裝,你可以參考官方文檔進行app下載然後設置路徑,也可以直接一步到位,一條命令直接安裝!
前提先安裝好node.js環境,然後直接終端下輸入命令:
sudo npm install -g nw
在管理員權限下全局安裝nw模塊,等待較久時間安裝編譯完畢後,就可以直接輸入nw命令使用了。2.然後是ubuntu下的安裝,和osx一樣,因爲系統裏裝好了node.js,所以也是一條命令直接安裝編譯:
sudo npm install -g nw
nw.
在其他linux桌面系統中也一樣,如果沒裝node.js環境,那麼直接在官網下載壓縮包參考文檔安裝即可!此外,也可以去官網下載nwjs安裝包,解壓包,運行裏面的nw文件就可以啓動nw環境了。
注意,npm 命令安裝的運行命令是nw或nw.,而下載解壓安裝包的啓動命令是./nw
3.然後就是windows的了,這個簡單的可以忽略,直接在官網下載程序壓縮包,然後解壓到c盤程序目錄(Program Files)即可。
那麼,我們如何運行nw.js?右鍵nw.exe快捷圖標到桌面,或者直接把自己的應用自定義後綴後選擇nw.js打開即可!
二、配置環境變量
export PATH=$PATH:nw安裝路徑,如果不知道安裝路徑可以通過
witch nw查找
如:
export PATH=$PATH:/opt/au1200_rm/build_tools/bin
查看是否已經設好,可用命令export查看:export
三、接下來要去提取微信小程序開發工具的package.nw文件,這是nwjs的項目包文件。找個window機器安裝一下小程序開發工具,在安裝目錄裏找到package.nw文件夾,icon.ico文件,微信web開發者工具.exe文件,將這三個文件拷貝到linux系統下nwjs的安裝目錄下。按理來說,進入這個文件夾nw .就可以運行了,但是你會發現報錯了,因爲騰訊的開發者在項目的文件引用中大小寫不分,能在windows上運行,linux下就不行。知道了原因,我們就將引用錯誤的地方修正。在package.nw目錄下執行:
nw.
或./nw
根據報錯提示,修改大小寫,然後就可以正常打開小程序開發工具了,如果打開的時候提示“failed to load...”錯誤提示是因爲圖標文件無法加載的原因。你可以編輯一下package.json裏面的"icon": "app/images/logo2.png"爲其他ico文件或者直接刪掉這一行即可。此外,https://github.com/yuan1994/wechat_web_devtools,這裏的git clone,也是可以的,只是我clone了好幾個小時,沒有clone下來,就放棄了。
四、下載wine
我的是fedora 32 ,用以下命令安裝
sudo dnf install wine.x86_64
如果是ubuntu,可以用以下命令安裝:
sudo apt-get install wine
然後修改wcc.exe 文件
修改wcc.exe和wcsc.exe文件名,去掉.exe。
命令行操作代碼如下:
cd ./config/微信web開發者工具/WeappVendor
cp wcc.exe wcc
cp wcsc.exe wcsc
進入到package.nw/app/dist/weapp/文件夾,找到commit/build.js、trans/transWxmlToJs.js和utils/vendorManager.js,將代碼中的wcc.exe和wcsc.exe改成wcc和wcsc。安裝完成,重啓nw即可