首先去官網(wǎng)把 HBuilder 下載下來,http://www.dcloud.io/ ,是個解壓包,都不需要安裝,放到你指定的位置就行,有Windows版和Mac版,兩者版本操作都差不多,只是一個是調(diào)試Android的,一個是調(diào)試IOS的,基本上調(diào)試一個版本就可以了,因?yàn)樽詈蟀l(fā)布出去的App都一樣,很少有不一樣的情況,我在開發(fā)中遇到了一個不一樣的情況就是Android對Url不區(qū)分大小寫,而IOS就區(qū)分,導(dǎo)致IOS引用的文件不加載,由于此工具開發(fā)出來的是完全靜態(tài)的Html文件,只有javascript代碼,所以需要后臺開發(fā)做支撐,我這里選用了MVC作為數(shù)據(jù)后臺,差點(diǎn)忘了,需要調(diào)試IOS你還需要一臺Mac電腦,O(∩_∩)O~
打開HBuilder
首先你可以創(chuàng)建一個例子來完整的試試效果,不必著急寫后臺代碼,HBuilder 提供了2個例子,一個是登錄,一個是MUI介紹,MUI是DCloud 開發(fā)的前端框架,你也可以使用其他的框架,我們來創(chuàng)建一個MUI的例子,
點(diǎn)擊 文件-新建-移動App,在彈出框中輸入項(xiàng)目名稱,選擇下面的 Hello mui 實(shí)例
這個時候你就可以把手機(jī)插上電腦,見證奇跡的時刻,點(diǎn)擊 運(yùn)行-手機(jī)運(yùn)行,
你會發(fā)現(xiàn)什么都沒有, W( ̄_ ̄)W,別急,Android手機(jī)需要用手機(jī)助手安裝驅(qū)動,這個簡單,但是iPhone就需要安裝插件和下載iTunes了,你會發(fā)現(xiàn)iPhone很難伺候呀,呵呵,確實(shí)iPhone更難的還在后面呢,Windows下你可以把App植入到iPhone,但是網(wǎng)頁代碼不能調(diào)試,需要Mac版的才可以哦
點(diǎn)擊 工具-插件安裝 ,選擇IOS連接插件,點(diǎn)擊安裝,再安裝iTunes
再次點(diǎn)擊手機(jī)運(yùn)行,發(fā)現(xiàn)手機(jī)出現(xiàn)啦,又一次見證奇跡的時刻到了,點(diǎn)擊你要調(diào)試的手機(jī)
然后會在你桌面出現(xiàn)一個 HBuilder 的App,Android的用戶可以直接打開,但是iPhone的用戶先點(diǎn)擊App,會提出一行提示,按照提示操作一下就可以進(jìn)入了
哇,我開發(fā)的第一個App,O(∩_∩)O~
我們公司使用的TFS源代碼管理,HBuilder 支持TFS和SVN,我這里只介紹TFS的配置,其他的大家可以自己研究
點(diǎn)擊 工具-插件安裝,在彈出框中我們可以看到有SVN的插件,但是這里我需要TFS,點(diǎn)擊 瀏覽Eclipse插件市場,搞Java的人對Eclipse應(yīng)該很熟悉吧
在市場中搜索TFS,找到第一個就是的哦,點(diǎn)擊Install,然后等待下載,后面就是下一步下一步就可以了
重啟 HBuilder 后發(fā)現(xiàn)找不到 TFS配置的話,請點(diǎn)擊 視圖-顯示視圖-其他...
找到團(tuán)隊資源管理器,點(diǎn)擊確定,下面的操作就和在VS中配置一樣了
連接公司的TFS服務(wù)器
在你自己項(xiàng)目上右鍵-版本管理-共享項(xiàng)目...,在彈出框選擇自己的項(xiàng)目目錄就可以啦
最后就可以看到我們熟悉的菜單啦
上一篇:APP熱更新方案