Ionic4 - 用你喜欢的语言(Vue/React/Angular)快速开发移动应用

Posted 2021-04-26 全栈弄潮儿

认识ionic4

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

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

提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。

npm install -g cordova ionic

通过Ionic创建一个项目

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

ionic start myApp tabs

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

cd myApp

ionic serve

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

ionic build

打包成混合app项目

ionic build

ionic cordova platform add ios

ionic cordova run android

---

ionic4视频教程链接: 

https://pan.baidu.com/s/1koHsGXP5p470pPLFeWbgng 

提取码: b3e6 

---

更多经典前端面试题，请到github查看或参与讨论:

https://github.com/daily-interview/fe-interview

喜欢本文，请点这里