Ionic+Angular移动应用程序开发

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/weixin_43862492/article/details/99672983

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 ionic@3.9.2

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自动更新