ionic的环境搭建

作者: 听书先生 | 来源:发表于2021-10-26 21:14 被阅读0次
1、ionic介绍

Ionic 是一个开源的移动应用程序开发框架,它可以让我们快速的使用 web 技术构建高质量
的移动应用。它不仅可以开发跨平台移动 App 还可以开发移动端 WEB 页面、微信公众平台
应用,桌面应用程序(结合 electron)、混合 app web 页面等。
Ionic 经过很多年的发展已经非常成熟了。最新的 Ionic4.x 、Ionic5.x 基于 Web Components,
具有更好的运行速度,相比以前版本的 Ionic 框架性能提升很多。
Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您
的代码之外)并且在您的 web 应用中使用它们。 目前 WEB 组件目前仍然依靠各种类似”
Hack”的方式来模拟,模拟方式也各有不同,很难统一和标准化,而 Web Components 则
直接提供了标准化的组件定义方式,这是组件标准化的基石,使得未来的组件能够统一创建、
方法调用、事件监听、属性访问等。基于标准化的组件定义方式,我们便可以像 W3C 等标
准组织一样来定义组件标准,无需再依赖、等待“内置”组件。

Ionic4.x 以后在 Angular、Vue、React 基础上面做了一些封装,让我们可以更快速和容易的开发跨平台的移动应用。Ionic 调用原生的功能是基于 Cordova , Cordova 提供了使用JavaScript 调用 Native 功能,Ionic 自己也封装了一套漂亮的 CSS UI 库。

Github 地址:https://github.com/ionic-team/ionic
官网:https://ionicframework.com/

2、ionic的安装以及运行

在使用ionic的前提时是需要先安装稳定的nodejs版本

  • 安装cordova ionic:
    npm install -g cordova ionic
  • 创建项目:
    ionic start my-app tabs 或 ionic start my-app blank
  • 运行项目:
cd 到刚才的项目中
ionic serve运行项目
3、vscode开发工具关于ionic的提示插件

vscode 中安装 ionic 4.x、ionic 5.x的提示插件 ionic Snippets


image.png

相关文章

网友评论

    本文标题:ionic的环境搭建

    本文链接:https://www.haomeiwen.com/subject/coiyaltx.html