微信小程序開(kāi)發(fā)環(huán)境搭建詳細(xì)介紹

2024-07-21 02:02:47

字體：大中小

供稿：網(wǎng)友

微信小程序可謂是今天最火的一個(gè)名詞了，一經(jīng)出現(xiàn)真是轟炸了整個(gè)開(kāi)發(fā)人員，當(dāng)然很多App開(kāi)發(fā)人員有了一個(gè)擔(dān)心，微信小程序的到來(lái)會(huì)不會(huì)給移動(dòng)端App帶來(lái)一個(gè)寒冬，身為一個(gè)Android開(kāi)發(fā)者我是不相信的，即使有，那也是很遙遠(yuǎn)的未來(lái)。

不管微信小程序是否能顛覆當(dāng)今的開(kāi)發(fā)格局，我們都要以好奇的心態(tài)去接收，去學(xué)習(xí)。不排斥新技術(shù)，所以，心動(dòng)不如行動(dòng)，趕緊先搭建一個(gè)微信小程序開(kāi)發(fā)工具。那么接下來(lái)就讓我們一起來(lái)開(kāi)始吧。

先放一張Github上demo的動(dòng)態(tài)圖

開(kāi)發(fā)工具下載是看到GitHub上的分享。那么你可以直接進(jìn)入該GitHub，找下載鏈接即可下載。
當(dāng)然我把安裝順序以及遇到的問(wèn)題在此詳細(xì)介紹一下。（接下來(lái)按照此步驟安裝即可成功（windows版））

下載微信小程序開(kāi)發(fā)工具0.7.0版本（下載鏈接http://pan.baidu.com/s/1nuIJnBV密碼：ru3h）因?yàn)?.9.0版本有登陸驗(yàn)證，直接安裝一直登陸不上，一直提示please bind your wechat account to the appid first，掃碼掃了上百次也沒(méi)登錄上（是有多大的耐心），下載0.7.0版本后直接安裝，安裝過(guò)程很簡(jiǎn)單，選擇安裝目錄下一步就可以了，安裝成功后登陸進(jìn)入程序出現(xiàn)，需要微信掃碼。

進(jìn)入后出現(xiàn)上面界面關(guān)閉。然后下載0.9.0版本（下載鏈接http://pan.baidu.com/s/1hskDLZY 密碼46gv）
下載后直接覆蓋安裝就可以了（要覆蓋安裝），安裝后先不用打開(kāi)開(kāi)發(fā)工具，即使你想打開(kāi)也進(jìn)不去。因?yàn)槌绦蚴菦](méi)有破解的。安裝程序后需要下載三個(gè)js破解文件替換掉我們安裝程序的對(duì)于目錄的對(duì)應(yīng)文件。直接進(jìn)入該GitHub下載，Github鏈接https://github.com/gavinkwoe/weapp-ide-crack

下載下圖的三個(gè)文件

我將工具安裝到D盤(pán)了，分別找到下面三個(gè)目錄替換對(duì)應(yīng)文件即可

D:/微信web開(kāi)發(fā)者工具/package.nw/app/dist/components/create/createstep.js

D:/微信web開(kāi)發(fā)者工具/package.nw/app/dist/stroes/projectStores.js

D:/微信web開(kāi)發(fā)者工具/package.nw/app/dist/weapp/appservice/asdebug.js

替換文件后即可登錄成功了，登錄后界面如下

那么我們直接點(diǎn)擊添加項(xiàng)目，點(diǎn)擊后界面

因?yàn)槲覀儧](méi)有內(nèi)測(cè)賬號(hào)，這個(gè)appid可以隨便輸入，項(xiàng)目名稱，及開(kāi)發(fā)目錄就隨便寫(xiě)了。
填好信息后點(diǎn)擊添加項(xiàng)目

OK，神奇的事情出現(xiàn)了，一個(gè)helloworld項(xiàng)目就出現(xiàn)了。

點(diǎn)擊編輯

選擇對(duì)應(yīng)的文件即可編寫(xiě)代碼了。

調(diào)試

點(diǎn)擊調(diào)試按鈕，左上有可以選擇調(diào)試的移動(dòng)終端，里面可以選擇蘋(píng)果，三星及其他不同分辨率設(shè)備。設(shè)備右邊有選擇網(wǎng)絡(luò)的按鈕，可以選擇wifi,2G,3G,4G網(wǎng)絡(luò)。在右邊的窗口，有console可以查看控制臺(tái)打印的信息，以及網(wǎng)絡(luò)，存儲(chǔ)信息等。