Ionic+Angular移動應用程式開發

Ionic程式開發教程

• • • 1.介紹和安裝
    • 2.常用指令
    • 3.電梯

1.介紹和安裝

Ionic： Ionic是一個開源的移動應用程式開發架構，它可以輕松地使用web技術建構高品質的跨平台的移動應用。可以讓我們快速開發移動App、移動端WEB頁面、微信公衆平台應用，混合app web頁面。

Ionic4目前已經釋出了基于Angular的正式版本，對 React 和 Vue 的支援尚處于 alpha 狀态。

注意： angular1.x即angularJS, angular1和ionic1是配套使用的；

angular2.x和更多版本和ionic2以後更疊的版本是配套使用的；

ionic2及其以後的版本支援的安卓版本環境最低為4.3.

ionic是依賴于Cordova的，使用時如果沒用過Cordova可以一并建立。

安裝： 使用ionic架構需要node環境

安裝ionic腳手架：

npm install -g cordova ionic

同時會把cordova也安裝上去。

建立項目：

ionic start MyProject tabs

項目名+ 模闆

建立出錯可以回退版本，盡量使用最新版的上一個穩定版

npm install -g [email protected]

2.常用指令

注意： ionic是基于Cordova的，大部分Cordova指令在這裡ionic都經過了封裝，實際調用的還是codova指令，為防止額外的錯誤最好用ionic指令。

如：

cordova plugin add xxx

cordova platform add android

cordova platform add ios

對應ionic這邊就是

ionic platform add android

ionic platform add ios

添加完平台之後就可以運作了

ionic platform run android

ionic platform run ios

在運作過程中可能會報錯缺少一些依賴，我遇到了native-run缺失的錯誤，執行以下指令安裝

npm i -g native-run

遇到其他錯誤根據提示npm 安裝即可。

官網推薦的指令：

運作項目:

cd myApp

進入根目錄

ionic serve

浏覽器運作

打包成單頁面項目運作在微信/web浏覽器:

ionic build

打包靜态檔案

打包成混合app項目:

ionic cordova platform add android

ionic cordova run android

3.電梯

1.ionic中文網

2.ionic FrameWork

3.ionicApp更新

ionic自動更新