微信小程序是一個(gè)介于原生app和H5之間的一個(gè)東東。如果用過cordova,Hbuiler,appCan之類的開發(fā)過混合式app,那么微信小程序可能與這種方式更為接近。不過微信小程序是依賴微信開發(fā)平臺(tái)的,甚至連IDE都是專用的,做出來的成品,也只能在微信中通過搜索或掃碼找到入口,然后進(jìn)行訪問。這些天一直在嘗試用微信小程序來改寫原來的H5項(xiàng)目。有一些小小的心得,怕過久了會(huì)忘記,于是就寫下來,當(dāng)作一個(gè)備忘隸,也給正好給想要學(xué)習(xí)微信小程序的同學(xué)分享一下。
微信小程序是國產(chǎn)的,不用擔(dān)心文檔看不懂,也不用擔(dān)心網(wǎng)絡(luò)被墻,這一點(diǎn)很方便。官方的起步教程寫的很簡單,直接給鏈接 。 如果你之前沒有接觸過微信小程序,那么可以跟著我的步驟一起來。
首先是下載開發(fā)工具,磨刀不誤砍材工。點(diǎn)此下載 這是一個(gè)針對微信小程序開發(fā)的IDE工具,集預(yù)覽,打包發(fā)布,調(diào)試,語法提示于一身,僅管如此,我還是不太習(xí)慣,我習(xí)慣是在sublime中進(jìn)行代碼的編輯,只是用它進(jìn)行代碼的調(diào)試。
安裝挺簡單,就不多說了。雙擊打開它,如果提示要掃碼登陸,則通過微信掃一掃進(jìn)行授權(quán),然后就可以進(jìn)行下面的操作了。
我現(xiàn)在只想體驗(yàn)一下,點(diǎn)擊 `無APP` , 項(xiàng)目名稱自己根據(jù)實(shí)際需要真寫,目錄選一個(gè)空目錄就好了。點(diǎn)擊添加項(xiàng)目,完成效果如下:
點(diǎn)擊編輯,左側(cè)是目錄結(jié)構(gòu),中間是預(yù)覽效果,右則是控制臺(tái)。