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

微信小程序開發工具初體驗

首先固然是先下載個微信小程序開發工具，微信Web開發者工具下載地址, 然后順便找了個感覺還可以的小程序源碼微信中的知乎–微信小程序 demo。目前支持Win32，Win64，Mac版本。
然后下載或git clone上面提到的Demo代碼，打開安裝好的微信開發者工具，用微信掃2維碼登錄，選擇本地小程序項目 -> 添加項目，導入項目，AppID可以不填，功能會受限。本來我還以為1定有微信小程序開發者帳號才能用呢？微信小程序開發者帳號的開通門坎還是比較高的，必須是企業帳號，還需要用對公帳號轉賬驗證通過?，F在看來只是功能受限。以下圖

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

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

使用node.js和NW.js框架開發的，UI是基于NW.js框架開發的，支持Windows和Mac跨平臺。這是很現實的技術選擇，小程序的全部技術棧是基于H5的，雖然在UI框架層面自己實現了1套，但基礎的js，css語法大部份還是支持的，因此開發者工具用node.js實現也是很正常的，現在我只是奇怪為何微信沒有選擇用Atom Shell呢？就像Facebook的nuclide IDE那樣，基于Atom編輯做個IDE？

參考文章

• 使用 NodeJS 框架 NW.js 編寫桌面利用入門
• 微信中的知乎–微信小程序 demo