Ionic 4 beta + Capacitor beta 尝鲜

本文为原创文章,转载请标明出处html

Ionic 4 beta

开发环境: Ionic 4 beta 三、Capacitor beta 6。android

首先 ionic start 工程名 blank --type=angular,问是否集成 Cordova,选择 N,至此建立了一个空的 Ionic 4 项目,而后 cd 到该工程目录下。ios

ionic build 生成 www 目录。npm

Capacitor

npm install --save @capacitor/core @capacitor/cli 安装 Capacitor。浏览器

npx cap init 初始化 Capacitor,会要求输入 App Name、App ID。ionic

npx cap add iosnpx cap add android 添加 iOS 或 Android 平台。测试

npx cap open iosnpx cap open android 打开 Xcode 或 Android Studio 打包工程。ui

Capacitor其余命令:
npx cap copy iosnpx cap copy android --> 拷贝www目录到iOS或Android工程
npx cap update iosnpx cap update android --> 安装插件或依赖后更新iOS或Androd工程的依赖
npx cap sync --> 同步工程包括更新依赖以及拷贝www目录,至关于copy+update
npx cap serve --> 打开浏览器测试PWA插件

相关文章
相关标签/搜索