Ionic 4 beta + Capacitor beta 尝鲜

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



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

首先

ionic start 工程名 blank --type=angular

，问是否集成 Cordova，选择

N

，至此创建了一个空的 Ionic 4 项目，然后

cd

到该工程目录下。

ionic build

生成

www

目录。

npm install --save @capacitor/core @capacitor/cli

安装 Capacitor。

npx cap init

初始化 Capacitor，会要求输入 App Name、App ID。

npx cap add ios

或

npx cap add android

添加 iOS 或 Android 平台。

npx cap open ios

或

npx cap open android

打开 Xcode 或 Android Studio 打包工程。

Capacitor其他命令：

npx cap copy ios

或

npx cap copy android

--> 拷贝

www

目录到iOS或Android工程

npx cap update ios

或

npx cap update android

--> 安装插件或依赖后更新iOS或Androd工程的依赖

npx cap sync

--> 同步工程包括更新依赖以及拷贝

www

目录，相当于

copy

+

update

npx cap serve

--> 打开浏览器测试PWA