Ionic 4 beta + Capacitor beta 嚐鮮

本文爲原創文章，轉載請標明出處

開發環境: Ionic 4 beta 三、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