fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

Capacitor
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://capacitorjs.com/
GitHub:https://github.com/ionic-team/capacitor
网站描述:使用 JavaScript 和 Web 的跨平台应用程序

Capacitor 可让您使用单一代码库和跨平台 api 在 iOS、Android、Web 等上本机运行 Web 应用程序。

Capacitor 提供跨平台 API 和代码执行层,使您可以轻松地从 Web 代码调用本机 SDK 并编写您的应用程序可能需要的自定义本机插件。此外,Capacitor 还提供一流的渐进式 Web 应用程序支持,因此您可以编写一个应用程序并将其部署到应用程序商店和移动网络。

Capacitor 附带一个插件 API,用于构建本机插件。插件可以编写在 Capacitor 应用程序内或打包到 npm 依赖项中以供社区使用。鼓励插件作者在 iOS 中使用 Swift 开发插件,在 Android 中使用 Kotlin(或 Java)开发插件。


入门

Capacitor 旨在插入到任何现有的现代网络应用程序中。运行以下命令来初始化应用程序中的 Capacitor:

npm install @capacitor/core @capacitor/cli
npx cap init

接下来,安装任何所需的本机平台:

npm install @capacitor/android
npx cap add android
npm install @capacitor/ios
npx cap add ios


新应用程序?

对于新应用程序,我们建议尝试带有 Capacitor 的Ionic Framework。

首先,安装Ionic CLI ( npm install -g @ionic/cli) 并启动一个新应用程序:

ionic start --capacitor


Capacitor 和 Cordova 有什么区别?

Capacitor 和 Cordova 非常相似。Capacitor 提供与绝大多数 Cordova 插件的向后兼容性。

Capacitor 与 Cordova 的不同之处在于:

  • 采用更现代的工具和插件开发方法
  • 将本机项目视为源工件而不是构建工件
  • 由 Ionic 团队维护

链接: https://fly63.com/nav/4049

more>>
相关栏目
uni-app
使用 Vue.js开发跨平台应用的前端框架
官网GitHub
Flutter
谷歌推出的跨平台移动UI框架
官网GitHub
framework7
用于开发接近原生iOS或Android系统外观和体验的 hybrid mobile apps 或 web apps
官网GitHub
ionic
ionic是一个用来开发混合手机应用的,开源的,免费的代码库
官网GitHub
weex
阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署
官网GitHub
Taro
多端统一开发框架,生成能运行在微信小程序、H5、React Native 等的应用
官网GitHub
React Belle
一个React组件库
官网GitHub
noUiSlider
一个轻量级的Js范围滑块库
官网GitHub
mavonEditor
基于vue的markdown编辑器
点击进入GitHub
fair ui
为Flutter设计的动态化框架
官网GitHub
react-native-ui-lib
React Native的UI组件库和工具集
官网GitHub
react-native-sideswipe
简单跨平台的React Native可滑动的组件
点击进入GitHub
weui+
在weui和zepto基础上开发的增强UI组件
官网GitHub
weui
微信官方设计团队为微信内网页和微信小程序量身设计的的基础样式库
官网GitHub
ThorUI
轻量、简洁的移动端组件库
官网GitHub
MUI
最接近原生APP体验的高性能前端框架
官网GitHub

手机预览