Ionic 创建项目

Ionic简介

Ionic是一个开源的移动应用程序开发框架，它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用，混合app web页面。

Ionic4目前已经发布了基于Angular的正式版本，对 React 和 Vue 的支持尚处于 alpha 状态，未来我们可以用自己喜欢的语言结合Ionic来开发移动端应用。

Ionic4是Ionic有史以来最快、最小和最可扩展的版本。

Ionic 4 优异的性能则让 Ionic 成为了构建高性能 PWA 的最佳 UI 框架。 Ionic 团队花了一年的时间使用 Stencil 构建一个 Web 组件管道来生成 Ionic 组件,以达到 Google 规定的性能标准，使用新的异步组件加载和交互的方法。确保Ionic4有更快的运行速度。

Ionic 官网

ionic官网：https://ionicframework.com/
ionic中文：http://www.ionic.wang/

安装Ionic

安装ionic

npm install -g cordova ionic

创建Ionic应用

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

ionic start myApp tabs

# 创建一个空的项目
ionic start myApp blank 
# 创建一个tab的项目
ionic start myApp tabs
# 创建一个有侧边的项目
ionic start myApp sidemenu

运行应用程序

使用Ionic tool 创建 ,测试,运行你的apps。

cd myApp
ionic serve

打包 Android App

$ cd myApp
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova emulate android

打包 IOS App

$ cd myApp
$ ionic cordova platform add ios
$ ionic cordova build ios
$ ionic cordova emulate ios

如果出现 “ios-sim was not found.” 错误，可以执行以下命令：

npm install -g ios-sim