cd todo-ionic-app yarn add @capacitor/core @capacitor/cli
如果你使用的是npm, 则可以执行
1
npm install --save @capacitor/core @capacitor/cli
构建示例项目
构建示例项目,生成发布目录
1
ionic build
成功构建后,你可以在项目里看到新建的www目录
初始化Capacitor
在项目目录中,运行命令:
1
npx cap init
系统提示:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
App name todo-ionic-app ? App name todo-ionic-app ? App Package ID (in Java package format, no dashes) cn.com.hohistar.to doionicapp ? Which npm client would you like to use? yarn ⠋ Initializing Capacitor project in /ionic/todo-ionic- ✔ Initializing Capacitor project in /ionic/todo-ionic-app in 3.44ms
🎉 Your Capacitor project is ready to go! 🎉
Add platforms using "npx cap add":
npx cap add android npx cap add ios npx cap add electron
✔ Installing android dependencies in 11.73s ✔ Adding native android project in: /ionic/todo-ionic-app/android in 124.37ms ✔ Syncing Gradle in 478.18s ✔ add in 490.04s ✔ Copying web assets from www to android/app/src/main/assets/public in 675.08ms ✔ Copying native bridge in 8.85ms ✔ Copying capacitor.config.json in 2.58ms ✔ copy in 720.68ms ✔ Updating Android plugins in 5.43ms Found 0 Capacitor plugins for android: ✔ update android in 45.90ms
Now you can run npx cap open android to launch Android Studio