微信小程序是一個(gè)介于原生app和H5之間的一個(gè)東東。如果用過(guò)cordova,Hbuiler,appCan之類的開(kāi)發(fā)過(guò)混合式app,那么微信小程序可能與這種方式更為接近。不過(guò)微信小程序是依賴微信開(kāi)發(fā)平臺(tái)的,甚至連IDE都是專用的,做出來(lái)的成品,也只能在微信中通過(guò)搜索或掃碼找到入口,然后進(jìn)行訪問(wèn)。這些天一直在嘗試用微信小程序來(lái)改寫原來(lái)的H5項(xiàng)目。有一些小小的心得,怕過(guò)久了會(huì)忘記,于是就寫下來(lái),當(dāng)作一個(gè)備忘隸,也給正好給想要學(xué)習(xí)微信小程序的同學(xué)分享一下。

微信小程序是國(guó)產(chǎn)的,不用擔(dān)心文檔看不懂,也不用擔(dān)心網(wǎng)絡(luò)被墻,這一點(diǎn)很方便。官方的起步教程寫的很簡(jiǎn)單,直接給鏈接 。 如果你之前沒(méi)有接觸過(guò)微信小程序,那么可以跟著我的步驟一起來(lái)。

首先是下載開(kāi)發(fā)工具,磨刀不誤砍材工。點(diǎn)此下載  這是一個(gè)針對(duì)微信小程序開(kāi)發(fā)的IDE工具,集預(yù)覽,打包發(fā)布,調(diào)試,語(yǔ)法提示于一身,僅管如此,我還是不太習(xí)慣,我習(xí)慣是在sublime中進(jìn)行代碼的編輯,只是用它進(jìn)行代碼的調(diào)試。

安裝挺簡(jiǎn)單,就不多說(shuō)了。雙擊打開(kāi)它,如果提示要掃碼登陸,則通過(guò)微信掃一掃進(jìn)行授權(quán),然后就可以進(jìn)行下面的操作了。

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫培訓(xùn)

我現(xiàn)在只想體驗(yàn)一下,點(diǎn)擊 `無(wú)APP` , 項(xiàng)目名稱自己根據(jù)實(shí)際需要真寫,目錄選一個(gè)空目錄就好了。點(diǎn)擊添加項(xiàng)目,完成效果如下:

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫培訓(xùn)

點(diǎn)擊編輯,左側(cè)是目錄結(jié)構(gòu),中間是預(yù)覽效果,右則是控制臺(tái)。

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開(kāi)發(fā),動(dòng)畫培訓(xùn)

網(wǎng)友評(píng)論