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