實現微信小程式開發者工具初體驗的技術初探（圖）

微信小程序是當前的熱點，市面上已經有很多微信小程序開發相關的文章，今天晚上抽了點時間折騰了微信小程序，並順便看看了下微信小程序開發者工具的實現，是使用Node.js開發的，UI是基於NW.js框架開發的，支援Windows和Mac跨平台。

微信小程式開發工具初步體驗

首先當然是先下載個微信小程式開發工具，微信Web開發者工具下載地址, 然後順便找了個感覺還可以的小程式原始碼微信中的知乎--微信小程式demo。目前支援Win32，Win64，Mac版本。
然後下載或git clone上面提到的Demo程式碼，打開安裝好的微信開發者工具，用微信掃二維碼登錄，選擇本地小程式專案- > 新增項目，導入項目，AppID可以不填，功能會受限。本來我還以為一定有微信小程式開發者帳號才能用呢？微信小程式開發者帳號的開通門檻還是比較高的，必須是企業帳號，還需要用對公帳號轉帳驗證通過。現在看來只是功能受限。如下圖

小程式偵錯頁

可以看到微信Web開發者工具主要有帳戶，編輯，調試，項目，刷新，編譯，後台，緩存等幾個功能，功能還是比較有限的，調試功能主要是整合了Chrome Web開發者工具。

微信Web開發者工具是如何實現的

使用node.js和NW.js框架開發的，UI是基於NW.js框架開發的，支援Windows和Mac跨平台。這是很現實的技術選擇，小程式的整個技術堆疊是基於H5的，雖然在UI框架層面自己實作了一套，但基礎的js，css語法大部分還是支援的，因此開發者工具用node. js實作也是很正常的，現在我只是奇怪為什麼微信沒有選擇用Atom Shell呢？就像Facebook的nuclide IDE那樣，基於Atom編輯做個IDE？

以上是實現微信小程式開發者工具初體驗的技術初探（圖）的詳細內容。更多資訊請關注PHP中文網其他相關文章！