本文为原创文章,转载请标明出处html
开发环境: Ionic 4 beta 三、Capacitor beta 6。android
首先 ionic start 工程名 blank --type=angular
,问是否集成 Cordova,选择 N
,至此建立了一个空的 Ionic 4 项目,而后 cd
到该工程目录下。ios
ionic build
生成 www
目录。npm
npm install --save @capacitor/core @capacitor/cli
安装 Capacitor。浏览器
npx cap init
初始化 Capacitor,会要求输入 App Name、App ID。ionic
npx cap add ios
或 npx cap add android
添加 iOS 或 Android 平台。测试
npx cap open ios
或 npx cap open android
打开 Xcode 或 Android Studio 打包工程。ui
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插件