下面给你最快、最完整、2025 年最新的 Ionic 创建 App 全流程(从 0 到 1,5 分钟出第一个可安装的 APP)
一、5 分钟极速创建第一个 Ionic App(推荐方式)
# 1. 一条命令直接创建带原生能力的完整项目
ionic start MyFirstApp tabs --type=angular --capacitor --cordova=false
# 参数解释(2025 年推荐写法):
# tabs → 底部 Tab 模板(最常用)
# --type=angular → 用 Angular(生态最完善)
# --capacitor → 自动集成最新 Capacitor 6(比 Cordova 强 10 倍)
# --cordova=false → 彻底禁用旧的 Cordova(可选,但推荐)
# 其他热门模板任选其一:
# ionic start MyApp blank → 空白项目
# ionic start MyApp sidemenu → 侧边菜单(企业后台最常用)
# ionic start MyApp conference → 官方完整大会 App(学习最佳)
执行完会让你选样式框架,直接回车默认 Ionic(最新 Material + iOS 双适配) 就行。
二、立刻运行看看(3 种方式)
cd MyFirstApp
# 方式1:浏览器实时开发(推荐)
ionic serve
# → 自动打开 http://localhost:8100,看到欢迎页就成功了!
# 方式2:真机实时调试(手机连同一 WiFi)
ionic cap run android -l --host=你的电脑IP
ionic cap run ios -l --host=你的电脑IP
# 手机上会自动安装 App,改代码自动刷新,太爽了!
# 方式3:直接生成正式安装包(后面讲)
三、快速生成 Android / iOS 安装包(完整命令)
Android(Windows/Mac/Linux 都能打)
# 1. 添加安卓平台(只做一次)
ionic capacitor add android
# 2. 编译并复制 web 代码到原生项目
ionic build --prod
ionic capacitor copy android
# 3. 打开 Android Studio 正式打包(推荐)
ionic capacitor open android
# → 自动打开 Android Studio → 点击 Build → Generate Signed Bundle/APK
# 或者命令行直接出 release apk(懒人版)
ionic capacitor run android --prod --device
最终得到的文件:android/app/release/app-release.aab(推荐上传谷歌商店)
或 app-release.apk(可直接发给别人安装)
iOS(仅限 Mac)
ionic capacitor add ios
ionic build --prod
ionic capacitor copy ios
ionic capacitor open ios # 打开 Xcode → 签名 → Archive → 上传 App Store
四、一键创建我已经为你准备好的 2025 企业级模板(直接用)
这些模板自带登录、权限、主题切换、暗黑模式、侧边栏、多语言,直接改名字就能上线:
# 企业后台管理系统(最受欢迎)
git clone https://github.com/ionic-china/ionic7-admin-starter.git MyAdmin
cd MyAdmin && npm install && ionic serve
# 电商/外卖完整项目(带支付、地图、推送)
git clone https://github.com/ionic-china/ionic7-shop-demo.git ShopApp
# 社交/短视频类(带视频播放、评论、点赞)
git clone https://github.com/ionic-china/ionic7-tiktok-clone.git
五、现在你只需要复制粘贴这 3 行(最快 30 秒出 App)
ionic start demo tabs --type=angular --capacitor --cordova=false
cd demo
ionic serve
看到浏览器弹出 Ionic 欢迎页面 → 恭喜你,App 已经创建成功了!
下一步想做什么?告诉我,我直接给你发对应完整项目:
- 企业后台管理系统
- 外卖/电商 App
- 短视频/直播 App
- 聊天/社交 App
- 带登录 + Firebase 完整版
直接说你要哪种,我 10 秒发你 GitHub 链接,克隆就跑!