用Ionic创建我们的移动应用快速教程

ionic是一个强大的混合式/hybrid HTML5移动开发框架，特点是使用标准的HTML、CSS和JavaScript，开发跨平台的应用 ，只需要几步就可以快速创建您的Ionic应用，您可以按照以下这些步骤，在几分钟内通过Ionic快速创建高品质的移动应用程序。

1、安装ionic/Install Ionic教程

首先您需要安装 Node.js. 其次, 安装最新版本的cordova 和 ionic command-line tools

npm install -g cordova
npm install -g ionic
npm install -g @ionic/cli

-g代表全局安装

2、通过Ionic创建一个项目

使用Ionic官方提供的现成的应用程序模板，或一个空白的项目创建一个Ionic应用

ionic start myApp tabs

3、运行我们刚才创建的Ionic项目

以下命令可以实现在浏览器中运行

cd myApp
ionic serve

4、打包成单页面项目运行在微信/web浏览器:

ionic build
或
ionic build --prod

5、打包成混合app项目（android或ios）

5.1 先添加要打包的平台
如果是android

注：请先下载Android SDK，并配置环境变量ANDROID_HOME

ionic cordova platform add android

如果是ios

注：需要在Mac系统中进行

ionic cordova platform add ios

5.2 打包混合app，请使用ionic cordova build命令，如下

ionic cordova build android
ionic cordova build android --buildConfig=build.json
ionic cordova build android --prod --release -- -- --gradleArg=-PcdvBuildMultipleApks=true
ionic cordova build android --prod --release -- -- --keystore=filename.keystore --alias=myalias
ionic cordova build android --prod --release -- -- --minSdkVersion=21
ionic cordova build android --prod --release -- -- --versionCode=55
ionic cordova build android --prod --release --buildConfig=build.json
ionic cordova build ios
ionic cordova build ios --buildConfig=build.json
ionic cordova build ios --prod --release
ionic cordova build ios --prod --release -- --developmentTeam="ABCD" --codeSignIdentity="iPhone Developer" --packageType="app-store"
ionic cordova build ios --prod --release --buildConfig=build.json

5.3 如果想连接手机运行，则

ionic cordova run android