資訊專欄INFORMATION COLUMN
摘要：什么是框架框架是一個混合開發框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關技術快速開發多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應用。
什么是混合開發？
簡單來說，就是在開發移動應用中同時使用Native和Web的開發方式。
什么是Ionic3框架？Ionic3框架是一個混合開發框架，其本身依賴于Angular，Sass，Cordova。
使用Ionic3框架可以做什么？使用Ionic3可以使用前端相關技術快速開發多平臺的移動APP。
Ionic3環境搭建安裝Visual Studio 2011以上版本。
安裝python 2.7版本。
安裝node。
使用npm全局安裝Cordova和Ionic。命令行輸入npm install -g cordova ionic
安裝Android Studio。
安裝Git。（可選）
初始化第一個應用安裝完了之后，命令行輸入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目錄，進去。
輸入npm install安裝依賴，安裝完如圖。
無視掉那幾個警告
輸入ionic serve，第一次會出現下圖，輸入Y安裝。
然后再次輸入ionic serve，如圖繼續輸入Y安裝，安裝完后用啟動serve，如下圖。
游覽器會自動打開localhost:8100，如果沒有就在游覽器里面手動打開本網頁，界面如下圖。
按F12打開控制臺，然后切換到移動顯示，如下圖。
這個樣子大概就是我們應用界面的樣子了。
然后回到控制臺，Ctrl + C結束調試服務器。然后輸入ionic cordova，然后輸入Y安裝插件，如下圖。
輸入ionic cordova platform add android，這是添加一個Android平臺的命令。如果是ios就是將Android那里替換為ios，成功后如下圖。PS：ios需要安裝XCode，也就是需要在MAC OSX系統上。
輸入ionic cordova build android --prod生成一個Debug包，如下圖。
這樣就打包完畢了，去到platfrom/android/outputs/apk/目錄下，android-debug.apk就是我們打包出來的APP。安裝到手機上就可以使用或者調試了。注意：這個包是Debug版本，并非正式包，正式包需要先生成簽名
至此，你就開始了第一個Ionic3應用。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112419.html
摘要：什么是框架框架是一個混合開發框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關技術快速開發多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應用。 什么是混合開發？ 簡單來說，就是在開發移動應用中同時使用Native和Web的開發方式。 什么是Ionic3框架？ Ionic3框架是一個混合開發...
摘要：什么是框架框架是一個混合開發框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關技術快速開發多平臺的移動。使用全局安裝和。輸入，這是添加一個平臺的命令。注意這個包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個應用。 什么是混合開發？ 簡單來說，就是在開發移動應用中同時使用Native和Web的開發方式。 什么是Ionic3框架？ Ionic3框架是一個混合開發...
閱讀 2066·2021-09-22 15:43
閱讀 8717·2021-09-22 15:07
閱讀 1083·2021-09-03 10:28
閱讀 2057·2021-08-19 10:57
閱讀 1065·2020-01-08 12:18
閱讀 2977·2019-08-29 15:09
閱讀 1526·2019-08-29 14:05
閱讀 1645·2019-08-29 13:57
