linux 系統安裝微信小程序開發工具

一 、首先要安裝 nw.js sdk 環境
           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即可



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章