微信小程序可謂是今天最火的一個名詞了,一經(jīng)出現(xiàn)真是轟炸了整個開發(fā)人員,當然很多app開發(fā)人員有了一個擔心,微信小程序的到來會不會給移動端app帶來一個寒冬,身為一個android開發(fā)者我是不相信的,即使有,那也是很遙遠的未來。
不管微信小程序是否能顛覆當今的開發(fā)格局,我們都要以好奇的心態(tài)去接收,去學習。不排斥新技術(shù),所以,心動不如行動,趕緊先搭建一個微信小程序開發(fā)工具。那么接下來就讓我們一起來開始吧。
先放一張github上demo的動態(tài)圖
開發(fā)工具下載是看到github上的分享。那么你可以直接進入該github,找下載鏈接即可下載。
當然我把安裝順序以及遇到的問題在此詳細介紹一下。(接下來按照此步驟安裝即可成功(windows版))
下載微信小程序開發(fā)工具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版本后直接安裝,安裝過程很簡單,選擇安裝目錄下一步就可以了,安裝成功后登陸進入程序出現(xiàn),需要微信掃碼。
進入后出現(xiàn)上面界面關(guān)閉。然后下載0.9.0版本(下載鏈接http://pan.baidu.com/s/1hskdlzy 密碼46gv)
下載后直接覆蓋安裝就可以了(要覆蓋安裝),安裝后先不用打開開發(fā)工具,即使你想打開也進不去。因為程序是沒有破解的。安裝程序后需要下載三個js破解文件替換掉我們安裝程序的對于目錄的對應文件。直接進入該github下載,github鏈接:https://github.com/gavinkwoe/weapp-ide-crack
下載下圖的三個文件
我將工具安裝到d盤了,分別找到下面三個目錄替換對應文件即可
d:\微信web開發(fā)者工具\package.nw\app\dist\components\create\createstep.js
d:\微信web開發(fā)者工具\package.nw\app\dist\stroes\projectstores.js
d:\微信web開發(fā)者工具\package.nw\app\dist\weapp\appservice\asdebug.js
替換文件后即可登錄成功了,登錄后界面如下
那么我們直接點擊添加項目,點擊后界面
因為我們沒有內(nèi)測賬號,這個appid可以隨便輸入,項目名稱,及開發(fā)目錄就隨便寫了。
填好信息后點擊添加項目
ok,神奇的事情出現(xiàn)了,一個helloworld項目就出現(xiàn)了。
點擊編輯
選擇對應的文件即可編寫代碼了。
調(diào)試
點擊調(diào)試按鈕,左上有可以選擇調(diào)試的移動終端,里面可以選擇蘋果,三星及其他不同分辨率設備。設備右邊有選擇網(wǎng)絡的按鈕,可以選擇wifi,2g,3g,4g網(wǎng)絡。在右邊的窗口,有console可以查看控制臺打印的信息,以及網(wǎng)絡,存儲信息等。
我們點擊最右上角按鈕,與選擇顯示console,查找文件,快捷鍵,以及傳感器,渲染設置,幫助等。在左下角有清楚緩存,重啟小程序,按鈕。
對了github有個demo,我們可以把這個demo復制到我們的開發(fā)目錄下,看下微信小程序效果,剛才創(chuàng)建的是一個helloworld,太簡單,看不出它的魅力。
動態(tài)圖我放到前面了。
好了就簡單介紹到這里,想了解更多內(nèi)容,請看開發(fā)文檔
http://wxopen.notedown.cn/?t=1474537660904
http://weixin-xiaochengxu.shukaiming.com/component/scroll-view.html?t=1474537659739
通過此文希望能幫助到有需要的朋友,開發(fā)微信小程序,謝謝大家對本站的支持!