摘要:什么是框架框架是一個混合開發(fā)框架,其本身依賴于,,。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺的移動。使用全局安裝和。輸入,這是添加一個平臺的命令。注意這個包是版本,并非正式包,正式包需要先生成簽名至此,你就開始了第一個應(yīng)用。
什么是混合開發(fā)?
簡單來說,就是在開發(fā)移動應(yīng)用中同時(shí)使用Native和Web的開發(fā)方式。
什么是Ionic3框架?Ionic3框架是一個混合開發(fā)框架,其本身依賴于Angular,Sass,Cordova。
使用Ionic3框架可以做什么?使用Ionic3可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺的移動APP。
Ionic3環(huán)境搭建安裝Visual Studio 2011以上版本。
安裝python 2.7版本。
安裝node。
使用npm全局安裝Cordova和Ionic。命令行輸入npm install -g cordova ionic
安裝Android Studio。
安裝Git。(可選)
初始化第一個應(yīng)用安裝完了之后,命令行輸入ionic -h如下圖
輸入ionic start -h查看初始化命令詳情,如下圖。
name是項(xiàng)目名
template是初始化的模板
--type是項(xiàng)目類型,有Ionic1和Ionic-angular(也就是Ionic2和Ionic3)
--app-name是App的名稱,可以之后通過config.xml修改
--list是打印出所有可用模板
--cordova是集成Cordova
--no-deps是不安裝npm依賴
--no-git是不初始化git倉庫
--no-link是不鏈接到Ionic平臺
好了,輸入ionic start HelloWorld blank --cordova --no-deps --no-git --no-link來初始化一個項(xiàng)目。完成之后如下圖。
這個時(shí)候工作目錄下就生成了一個HelloWorld目錄,進(jìn)去。
輸入npm install安裝依賴,安裝完如圖。
無視掉那幾個警告
輸入ionic serve,第一次會出現(xiàn)下圖,輸入Y安裝。
然后再次輸入ionic serve,如圖繼續(xù)輸入Y安裝,安裝完后用啟動serve,如下圖。
游覽器會自動打開localhost:8100,如果沒有就在游覽器里面手動打開本網(wǎng)頁,界面如下圖。
按F12打開控制臺,然后切換到移動顯示,如下圖。
這個樣子大概就是我們應(yīng)用界面的樣子了。
然后回到控制臺,Ctrl + C結(jié)束調(diào)試服務(wù)器。然后輸入ionic cordova,然后輸入Y安裝插件,如下圖。
輸入ionic cordova platform add android,這是添加一個Android平臺的命令。如果是ios就是將Android那里替換為ios,成功后如下圖。PS:ios需要安裝XCode,也就是需要在MAC OSX系統(tǒng)上。
輸入ionic cordova build android --prod生成一個Debug包,如下圖。
這樣就打包完畢了,去到platfrom/android/outputs/apk/目錄下,android-debug.apk就是我們打包出來的APP。安裝到手機(jī)上就可以使用或者調(diào)試了。注意:這個包是Debug版本,并非正式包,正式包需要先生成簽名
至此,你就開始了第一個Ionic3應(yīng)用。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/112419.html
摘要:什么是框架框架是一個混合開發(fā)框架,其本身依賴于,,。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺的移動。使用全局安裝和。輸入,這是添加一個平臺的命令。注意這個包是版本,并非正式包,正式包需要先生成簽名至此,你就開始了第一個應(yīng)用。 什么是混合開發(fā)? 簡單來說,就是在開發(fā)移動應(yīng)用中同時(shí)使用Native和Web的開發(fā)方式。 什么是Ionic3框架? Ionic3框架是一個混合開發(fā)...
摘要:什么是框架框架是一個混合開發(fā)框架,其本身依賴于,,。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺的移動。使用全局安裝和。輸入,這是添加一個平臺的命令。注意這個包是版本,并非正式包,正式包需要先生成簽名至此,你就開始了第一個應(yīng)用。 什么是混合開發(fā)? 簡單來說,就是在開發(fā)移動應(yīng)用中同時(shí)使用Native和Web的開發(fā)方式。 什么是Ionic3框架? Ionic3框架是一個混合開發(fā)...
閱讀 2118·2021-09-22 15:43
閱讀 8985·2021-09-22 15:07
閱讀 1157·2021-09-03 10:28
閱讀 2101·2021-08-19 10:57
閱讀 1139·2020-01-08 12:18
閱讀 3018·2019-08-29 15:09
閱讀 1592·2019-08-29 14:05
閱讀 1695·2019-08-29 13:57