資訊專欄INFORMATION COLUMN
摘要：什么是框架框架是一個混合開發(fā)框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應(yīng)用。
什么是混合開發(fā)？
簡單來說，就是在開發(fā)移動應(yīng)用中同時使用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是項目名
template是初始化的模板
--type是項目類型，有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來初始化一個項目。完成之后如下圖。
這個時候工作目錄下就生成了一個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/54418.html
摘要：什么是框架框架是一個混合開發(fā)框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應(yīng)用。 什么是混合開發(fā)？ 簡單來說，就是在開發(fā)移動應(yīng)用中同時使用Native和Web的開發(fā)方式。 什么是Ionic3框架？ Ionic3框架是一個混合開發(fā)...
摘要：什么是框架框架是一個混合開發(fā)框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應(yīng)用。 什么是混合開發(fā)？ 簡單來說，就是在開發(fā)移動應(yīng)用中同時使用Native和Web的開發(fā)方式。 什么是Ionic3框架？ Ionic3框架是一個混合開發(fā)...
閱讀 957·2023-04-25 23:40
閱讀 3734·2021-11-22 15:22
閱讀 3577·2021-10-09 09:44
閱讀 3432·2021-09-23 11:52
閱讀 1289·2021-09-22 15:43
閱讀 814·2021-09-10 10:51
閱讀 2233·2021-09-06 15:02
閱讀 3232·2021-09-06 15:02
