Ionic 创建项目

Posted 2021-03-05 wjw1014

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
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