- Add iOS .gitignore for Capacitor iOS project - Add Podfile with DailyNotificationPlugin dependency - Add Xcode project and workspace files - Add AppDelegate.swift for iOS app entry point - Add Assets.xcassets with app icons and splash screens - Add Base.lproj storyboards for launch and main screens These files are generated by Capacitor when iOS platform is added. The Podfile correctly references DailyNotificationPlugin from node_modules.
daily-notification-test
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VS Code + Vue (Official) (and disable Vetur).
Recommended Browser Setup
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Firefox:
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Note: The postinstall script automatically fixes Capacitor configuration files after installation.
Building for Android and iOS
Quick Build (Recommended)
Use the unified build script for both platforms:
# Build and run both platforms on emulator/simulator
./scripts/build.sh --run
# Build both platforms (no run)
./scripts/build.sh
# Build Android only
./scripts/build.sh --android
# Build iOS only
./scripts/build.sh --ios
# Build and run Android on emulator
./scripts/build.sh --run-android
# Build and run iOS on simulator
./scripts/build.sh --run-ios
See: docs/BUILD_QUICK_REFERENCE.md for detailed build instructions.
Manual Build Steps
Capacitor Sync
Important: Use the wrapper script instead of npx cap sync directly to automatically fix plugin paths:
# Sync both platforms
npm run cap:sync
# Sync Android only
npm run cap:sync:android
# Sync iOS only
npm run cap:sync:ios
This will:
- Run
npx cap sync(or platform-specific sync) - Automatically fix
capacitor.settings.gradle(corrects plugin path fromandroid/toandroid/plugin/) - Ensure
capacitor.plugins.jsonhas the correct plugin registration
If you run npx cap sync directly, you can manually fix afterward:
node scripts/fix-capacitor-plugins.js
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Lint with ESLint
npm run lint