如何在Linux系統下運行微信Web開發者工具

2021-01-09 51cto
如何在Linux系統下運行微信Web開發者工具

微信Web開發者工具只有window版本和mac版本，如果想要在Linux系統下運行微信Web開發者工具，需要花費很大週摺。

作者：magedu來源：馬哥Linux運維|2017-02-13 10:15

微信Web開發者工具只有window版本和mac版本，如果想要在Linux系統下運行微信Web開發者工具，需要花費很大週摺。

註：帶 * 的步驟或文件為不確定是否管用的步驟或文件。

本人系統為Linux Mint 18.1版本。

1、下載nwjs

下載nwjs(http://nwjs.io/)的SDK。

2、將微信web開發者工具拷貝到nwjs

將在window系統下安裝的微信web開發者工具文件夾中的package.nw、icon.ico、* 微信web開發者工具.exe拷貝到nwjs sdk解壓後的文件夾內。

* 解壓 微信web開發者工具.exe，將解壓後的文件夾內的文件移動到nwjs sdk解壓後的文件夾內。

3、修改代碼

進入到nwjs文件夾，在終端內運行

$ ./nw 

會出現提示 Cannot find module '......'

根據提示，在提示錯誤的文件內修改module名，因為名字大小寫會有錯誤，比如appServiceConfig模塊，它的實際模塊名是appserviceConfig，這些都是大小寫字母錯誤導致找不到模塊。

會有幾個文件需要修改，根據錯誤提示修改。

4、在微信小程序項目文件內創建run-detectors文件

在微信小程序項目文件夾內創建run-detectors文件，因為該文件沒有擴展名，在linux系統會被認為是文件夾，導致找不到該文件導致報錯。

5、下載wine

在命令行內運行

$ sudo apt-get install wine 

在右鍵選擇wine環境運行wcc.exe，會提示安裝依賴。wcc.exe在linux的 /home/用戶名/.config/微信web開發者工具/WeappVendor 文件夾內。

6、載入項目

在載入項目前，* 先在wine下運行wcc.exe和wcsc.exe(不提前運行wcc.exe和wcsc.exe的話可能會報錯)。***次載入項目後編譯可能會慢一些，3、5s到10s左右，後面因為有緩存會快一些。

修改wcc.exe和wcsc.exe文件名，去掉.exe。

進入到package.nw/app/dist/weapp/文件夾，找到commit/build.js、trans/transWxmlToJs.js和utils/vendorManager.js，將代碼中的wcc.exe和wcsc.exe改成wcc和wcsc。

使用編輯功能可能會報錯，所以不要用自帶的編輯功能。

7、編輯器

推薦使用webstorm，在File - Editor - code style - File Types內設置如圖下所示。將wxss添加到css類型文件，將wxml添加到html類型文件。

微信的文件改變自動刷新會有3到5s的時間來編譯，不是很快。

【編輯推薦】

【責任編輯：

枯木

TEL：（010）68476606】

點讚 0

相關焦點

  • linux下安裝虛擬機，完美在linux系統下運行通達信軟體
    現在越來越多的人使用linux系統，現在很多的國產作業系統都是基於linux內核上的。雖說不少的軟體都可以運行在linux的系統上。但是對於股票軟體來說在linux上的使用是一個硬傷。能夠運行在linux下的國內股票軟體少之又少。
  • 在linux系統伺服器上,如何安裝 LAMP 這個php運行環境?
    因為windows系統佔用伺服器資源特別多，尤其是系統內在；而linux系統就不一樣了，它佔用伺服器的資源非常少，我以前在阿里雲購買的一個雲伺服器只有 512M的內在，我安裝了3個網站，運行起來一點也不吃力。如果用windows系統，可能要卡死人。
  • 如何開啟windows10下的linux系統
    一直以來，開發者們都有一個非常糾結的點，那就是windows系統和linux系統總是處於水火不容的狀態。不過，現在最新的win10系統已經能夠完美兼容linux系統了，開發者們總算可以開懷。當然這個linux系統默認是不安裝的，需要用戶手動安裝。下面我就來介紹一下如何開啟win10下的linux系統，這個系統是ubuntu系統。
  • 如何在Linux系統中手動安裝arm-linux-gcc交叉編譯工具
    PC上的編譯工具鏈為gcc、ld、objcopy、objdump等。嵌入式開發少不了arm開發平臺。要編譯出能在arm平臺上運行的程序，必須使用交叉編譯工具arm-linux-gcc、arm-linux-ld、arm-linux-objcopy、arm-linux-objdump等。arm-linux-gcc是幹什麼的？
  • 給Web 開發者的 25 款最有用的 AngularJS 工具
    AngularJS 是讓 HTML 標記動態，使其對 web 開發者更有幫助，同時從大量的分段中給定一個標準結構，使開發速度更快更高效。越來越多的前端 web 設計師尋找在允許整體代碼非常長的時候能立即設置接口的方法。jQuery 是就是這樣一個示例架構，由本地 JavaScript 控制，可以很好的加速 Web 開發。
  • 微信開發者工具更新:雲開發支持按量付費、圖標更新等
    IT之家3月27日消息 據IT之家網友「stevapple」投稿，微信團隊消息，微信開發者工具穩定版 1.02.2003250 近日更新：雲開發支持按量付費、PC小程序調試、圖標更新等。以下為官方更新公告：1.
  • 如何在虛擬機(vmware11)上運行linux系統
    有些人想體驗linux系統，又不想在自己的電腦上裝linux。那麼，在這裡小編將教大家如何在虛擬機上運行linux系統。下載正版VMware11可以同時下載linux系統鏡像VMware11下載完成以後，開始安裝。
  • 簡單快速在linux系統下搭建禪道項目管理工具系統
    1 準備工作前往禪道官網下載項目源碼，源碼安裝時間基於linux伺服器上已安裝apache和mysql等工具的前提。下載後，將下載的文件上傳到apache的web目錄下，一般是/var/www/html，然後用unzip指令直接解壓，解壓後，等到zentaopms的一個文件夾。
  • Linux系統如何查看服務的運行狀態
    前言本文主要講解如何在Linux系統上查看服務的運行狀態。Linux系統提供各種系統服務(如進程管理、登錄服務、日誌、計劃任務等)和網絡服務(如遠程登錄、電子郵件、印表機、web主機、數據存儲、文件傳輸、域名解析(使用DNS)、動態IP位址分配(使用DHCP)等等)。
  • debian,linux伺服器web寶塔建站
    debian伺服器linux伺服器web建站搭建linux伺服器之Debian安裝大家都知道linux的發行版本很多，有centos啊，debian啊，ubuntu等，下面我就用debian伺服器為例教大家如何搭建web伺服器。
  • 如何在Linux上安裝配置DockerUI(1)
    在一個容器裡面而不是虛擬機裡運行一個完整的作業系統是一種非常棒的技術和想法。docker 已經通過節省工作時間來拯救了成千上萬的系統管理員和開發人員。這是一個開源技術，提供一個平臺來把應用程式當作容器來打包、分發、共享和運行，而不用關注主機上運行的作業系統是什麼。它沒有開發語言、框架或打包系統的限制，並且可以在任何時間、任何地點運行，從小型計算機到高端伺服器都可以。
  • Linux 系統下ARM Linux交叉編譯環境crosstool工具
    Linux系統下ARM Linux交叉編譯環境的建立目前流行的有三種途徑。我們常用的cross-cross-2.95.3，下載cross-2.95.3.tar.bz2解壓後放到/usr/local/arm目錄下設置下PATH即可使用,這是最方便快捷的方式，缺點是cross-2.95.3 GCC版本是2.95.3，版本較低，不能編譯2.6版本的Linux內核和版本較高的u-boot。
  • 「專欄：生產力小工具推薦」 - linux系統下的類dash工具
    今天就給大家推薦兩款linux下的類dash工具。說到dash，用Mac的程式設計師可能不會太陌生，這是一款api接口函數使用查詢工具，包含超過200個離線文檔，支持如C、C++、Python、Ruby、JS、Android等主流程式語言/腳本語言的api接口查詢。實乃程式設計師戰鬥利器。
  • 標梵講解小程序之微信開發者工具的概覽與界面
    概覽為了方便開發者調試和開發微信小程序，在微信公眾號網頁開發工具的基礎上，推出了微信開發者助手，調試微信小程序和微信公眾號網頁。界面登錄微信開發者工具，需要掃碼登錄微信帳號，需要使用該微信帳號進行微信小程序的開發和調試，而且該微信帳號必須為小程序的開發者，新建項目：需要小程序的 AppID，可以使用測試號，關於測試號的詳情在微信公眾號開發者文檔中有專門講解。需要微信帳號，而且該微信帳號必須為該小程序開發者。
  • CHROME 谷歌瀏覽器的開發者工具
    Chrome 谷歌瀏覽器開發者工具是一套內置於Google Chrome中的Web開發和調試工具，可用來對網站進行迭代、調試和分析。寫這個課程的目的是基於國內沒有很好的，系統地給介紹一下強大的Chrome谷歌瀏覽器的開發工具，大家在學習這套課程的時候，要對著右邊的側邊欄CHROME開發者工具：方便大家查找和學習。為什麼要看這套課程呢？
  • web開發者不可錯過的11個JavaScript工具
    JavaScript即將接管Web世界，如雨後春筍版冒出的JavaScript工具更是讓web開發者無所適從。本文我們為大家推薦11款嶄露頭角但功能強大的JavaScript工具，是追逐web設計新潮流（界面簡潔、面向移動、強調互動）中不可或缺的好幫手。
  • 如何在Linux系統下使用USB存儲器
    如何在Linux環境中使用USB接口的存儲設備?這是各大電腦論壇上出現得比較多的一個問題，同此可見這也是擺在許多電腦玩家面前的一道難題。
  • 好程式設計師web培訓簡述web前端開發工具有哪些
    好程式設計師web培訓簡述web前端開發工具有哪些，隨著網際網路技術的發展，用戶對於web網頁的依賴性越來越重，這對於web前端開發工程師的要求也在不斷提高。作為開發者來說，開發工作需要依賴很多開發工具的協助，才能更高效的完美的呈現出炫酷的頁面。本篇文章小編為讀者們整理了8個好用的web前端開發常用工具，感興趣的小夥伴就來了解一下吧。
  • Linux下監控CPU和GPU溫度的三款命令行工具
    [linuxidc@linux:~/www.linuxidc.com]$ sudo apt-get install lm-sensors然後，您可以運行以下命令來檢測系統上的所有傳感器。[linuxidc@linux:~/www.linuxidc.com]$ sudo sensors-detect一旦檢測到，您就可以運行以下命令來檢查CPU溫度，GPU溫度，風扇速度，電壓等。
  • cockpit:方便好用的linux管理工具
    前篇介紹proxmox的文章很榮幸引起了大家廣泛的討論，其中有位朋友介紹了cockpit這個工具，我又看了一下，感覺這個工具也很不錯，所以來給大家介紹一下。根據官網的介紹，cockpit是一個linux系統的管理工具，提供了一個web管理頁面，可以很方便的通過點擊滑鼠的方式完成一系列管理工作，非常適合運維等工作。