Skip to content

vite-ionic-vue is an ionic app template, based on Ionic + Vite + TS,which can complier to android、ios and h5. 基于vite+ionic+vue3的混合app,支持编译成h5、安卓和ios

soybeanjs/vite-ionic-vue

Repository files navigation

基于vite+ionic+vue3的混合app,支持编译成h5、安卓和ios

一、安装依赖

1.项目依赖
npm i
2.全局依赖
npm i -g @ionic/cli

本地开发环境额外安装:

npm i -g commitizen

二、编译、构建

1.H5平台
(1)开发模式

例如:

# 默认dev环境
npm run dev

# pro环境
npm run dev:pro
(2)构建模式

例如:

# 默认pro环境
npm run build

#fat环境
npm run build:fat
2.安卓平台
3.IOS平台
1.第一次构建

(1)生成web资源

# uat环境
npm run build:uat

(2)生成ios

npm run add:ios

(3)修复插件并同步

npm run sync
2.已存在dist目录和ios目录(二者不可或缺, 如缺失按照第一次构建的步骤生成对应目录)

(1)只更改了vue工程相关的,只需重新生成并拷贝web资源

# pro环境
npm run copy:pro

(2)更改了插件相关的,执行修复和同步插件的命令(该命令会自动把已存在的web资源拷贝到原生工程里面)

npm run:sync

About

vite-ionic-vue is an ionic app template, based on Ionic + Vite + TS,which can complier to android、ios and h5. 基于vite+ionic+vue3的混合app,支持编译成h5、安卓和ios

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published