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

Ionic 创建打包项目相关推荐

cordova 创建app项目，签名打包部署
app签名打包一.安装流程 1.JDK安装.JDK 8 [jdk-8u261-windows-x64.exe下载地址:https://www.oracle.com/java/technologies ...
IDEA创建JavaFX项目并打包成jar包和exe可执行文件
一.创建JavaFx项目点击新建,在左侧选择Java FX 二.将JavaFx打包成jar包 1.打开项目结构,选择工件(Artifact), 2. 3.选择主类 4.选择你的主类,点击确定. 5. ...
IDEA创建java项目并打包成jar包
IDEA创建java项目的步骤详解首先在自己的D盘下建一个文件夹,用来存放我们待会新建的项目,我创建了IdeaProject: 1,第一步打开idea 2,第二步选择创建java项目,并选择自己的j ...
uniapp项目创建打包生成安卓apk文件
1.下载开发工具 HBuilder X 并安装下载地址(安装过程不赘述):HBuilderX-高效极客技巧 2.创建uniapp项目点击左上角文件=>新建=>项目,选择项目类型,填写项 ...
Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决
vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决一. 页面显示空白二. 背景图片不显示一. 页面显示空白解决方法: config > index.js ...
使用idea创建springboot项目并打成war包发布到weblogic上...
部署tomcat也是类似的,但是需要注意项目配置的路径,或者直接将项目放到webapp的ROOT目录下. 使用工具:intelliJ IDEA2016.3, jdk1.8 ,weblogic12 一 ...
Maven学习总结(七)——eclipse中使用Maven创建Web项目
2019独角兽企业重金招聘Python工程师标准>>> Maven学习总结(七)--eclipse中使用Maven创建Web项目一.创建Web项目 1.1 选择建立Maven Pr ...
java maven 编译清理测试打包项目
目录一.创建Maven项目 1.1.建立Hello项目 1.2.使用Maven编译.清理.测试.打包项目 1.2.组合使用Maven的命令二.在别的项目中使用通过Maven安装生成的项目的jar包 ...
创建cordova项目
PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台.官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表.但是有一条跨平台,却是很明显的 ...
Jenkins创建Maven项目及SSH部署
前面我们已经安装了Jenkins的环境,以及配置好了jdk和maven.下面我们来看如何通过Jenkins将svn的项目进行打包和部署. 创建MAVEN项目 1.点击新建,输入项目名,选择" ...

Ionic 创建打包项目