微信小程序開發環境搭建

關注，QQ羣，微信應用號社區 511389428

 

 

微信小程序可謂是今天最火的一個名詞了，一經出現真是轟炸了整個開發人員，固然不少App開發人員有了一個擔憂，微信小程序的到來會不會給移動端App帶來一個寒冬，身爲一個Android開發者我是不相信的，即便有，那也是很遙遠的將來。 
無論微信小程序是否能顛覆當今的開發格局，咱們都要以好奇的心態去接收，去學習。不排斥新技術，因此，心動不如行動，趕忙先搭建一個微信小程序開發工具。那麼接下來就讓咱們一塊兒來開始吧。

先放一張Github上demo的動態圖

開發工具下載是看到GitHub上的分享。那麼你能夠直接進入該GitHub，找下載連接便可下載。 
固然我把安裝順序以及遇到的問題在此詳細介紹一下。（接下來按照此步驟安裝便可成功（windows版））

下載微信小程序開發工具0.7.0版本（下載連接http://pan.baidu.com/s/1nuIJnBV密碼：ru3h）由於0.9.0版本有登錄驗證，直接安裝一直登錄不上，一直提示please bind your wechat account to the appid first，掃碼掃了上百次也沒登陸上（是有多大的耐心），下載0.7.0版本後直接安裝，安裝過程很簡單，選擇安裝目錄下一步就能夠了，安裝成功後登錄進入程序出現，須要微信掃碼。

進入後出現上面界面關閉。而後下載0.9.0版本（下載連接http://pan.baidu.com/s/1hskDLZY 密碼46gv） 
下載後直接覆蓋安裝就能夠了（要覆蓋安裝），安裝後先不用打開開發工具，即便你想打開也進不去。由於程序是沒有破解的。安裝程序後須要下載三個js破解文件替換掉咱們安裝程序的對於目錄的對應文件。直接進入該GitHub下載，Github連接https://github.com/gavinkwoe/weapp-ide-crack 
下載下圖的三個文件

我將工具安裝到D盤了，分別找到下面三個目錄替換對應文件便可

D:\微信web開發者工具\package.nw\app\dist\components\create\createstep.js

D:\微信web開發者工具\package.nw\app\dist\stroes\projectStores.js

D:\微信web開發者工具\package.nw\app\dist\weapp\appservice\asdebug.js

替換文件後便可登陸成功了，登陸後界面以下

那麼咱們直接點擊添加項目，點擊後界面

由於咱們沒有內測帳號，這個appid能夠隨便輸入，項目名稱，及開發目錄就隨便寫了。 
填好信息後點擊添加項目

OK，神奇的事情出現了，一個helloworld項目就出現了。

點擊編輯 

選擇對應的文件便可編寫代碼了。

調試

點擊調試按鈕，左上有能夠選擇調試的移動終端，裏面能夠選擇蘋果，三星及其餘不一樣分辨率設備。設備右邊有選擇網絡的按鈕，能夠選擇wifi,2G,3G,4G網絡。在右邊的窗口，有console能夠查看控制檯打印的信息，以及網絡，存儲信息等。

咱們點擊最右上角按鈕，與選擇顯示console，查找文件，快捷鍵，以及傳感器，渲染設置，幫助等。在左下角有清楚緩存，重啓小程序，按鈕。

對了GitHub有個demo,咱們能夠把這個demo複製到咱們的開發目錄下，看下微信小程序效果，剛纔建立的是一個helloworld，太簡單，看不出它的魅力。 

動態圖我放到前面了。

 

ref: http://blog.csdn.net/xiehuimx/article/details/52629657

 

好了就簡單介紹到這裏，想了解更多內容，請看開發文檔 
http://wxopen.notedown.cn/?t=1474537660904 

http://weixin-xiaochengxu.shukaiming.com/component/scroll-view.html?t=1474537659739