ionic是一个强大的混合式/hybrid HTML5移动开发框架,特点是使用标准的HTML、CSS和JavaScript,开发跨平台的应用 ,只需要几步就可以快速创建您的Ionic应用,创建应用从这里开始

开始用Ionic创建我们的移动应用

您可以按照这些步骤,在几分钟内通过Ionic快速创建高品质的移动应用程序,您也可以通过我们的 Ionic4+Angular7免费视频教程 快速创建应用


如果您已经安装好了Cordova,您可以直接把Ionic当作Html5框架,用Cordova开发Ionic,无需进行下面步骤。 ionic和cordova区别

安装ionic/Install Ionic教程

首先您需要安装 Node.js. 其次, 安装最新版本的cordova 和 ionic command-line tools. 通过参考 AndroidiOS 官方文档来安装.

提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用 (iOS development requires Mac OS X. iOS simulator through the Ionic CLI requires the ios-sim npm package, which can be installed with the command sudo npm -g install ios-sim.)

$ npm install -g cordova ionic
Windows users: We strongly recommend Visual Studio Community for development which comes with everything you need (including templates!)

通过Ionic创建一个项目

使用Ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个Ionic应用。( Create an Ionic project using one of our ready-made app templates, or a blank one to start fresh.)

$ ionic start myApp tabs
$ ionic start myApp blank
$ ionic start myApp tabs
$ ionic start myApp sidemenu

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

使用Ionic tool 创建 ,测试,运行你的apps(或者通过Cordova直接创建),如果要创建android应用,把右侧创建代码中的ios改为android ( Use the Ionic tool to build, test, and run your apps (or use Cordova directly). Make sure to substitute ios with android to build for Android.)

Then, try Ionic View to share your apps with testers and clients, or to easily test on new devices.


  
运行项目:

$ cd myApp
$ ionic serve

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

$ ionic build

打包成混合app项目:

$ ionic build
$  ionic cordova platform add ios
$  ionic cordova run android

是的 就是这么简单,如果您还不知怎么使用可以看看我们的免费教程,也可以在我们论坛提出

你可以通过我们提供的 Angularjs+Ionic(ionicframework)免费视频教程 来学习ionic ,也可以通过 Ionic 文档来学习Ionic,还可以通过我们的 论坛来学习cordova/ionic