ionic4 + angular + capacitor 创建 web app 项目命令

ionic4 + angular + capacitor 创建 web app 项目命令

1. Install Ionic Tooling
npm install -g @ionic/cli native-run cordova-res

2. Create an App
ionic start demo --type=angular --capacitor

3. Run the App
ionic serve

4.Deploying to Android or IOS
ionic build  // 生成或更新 web 目录(www)

// 添加 android 平台
ionic cap add android 
或
npx cap add android
// 使用npx，可以在不全局安装依赖包的情况下，运行命令，而且运行后不会污染全局环境。
// https://www.cnblogs.com/guanghe/p/12110861.html
// npx cap 命令的使用需要安装 
npm install --save @capacitor/core @capacitor/cli
npx cap init

ionic cap copy // 将更新后的 web 目录复制到 android 平台中, npx cap copy

ionic cap sync (会执行 build + copy + update)

npx cap sync (不会build, 只执行 copy + update)

npx cap open android // 启动 as 打开 android

// 分环境
ng build -c prod  (ionic cap sync 不会分环境 build)
npx cap sync

ionic4 + angular +capacitor 开发 web app 命令整合

npm install -g @angular/cli   // 安装 angular
npm install -g @ionic/cli native-run cordova-res // 安装ionic 以及 native 开发需要的
ionic start demo --type=angular --capacitor // 创建 ionic angular capacitor 项目
ionic cap add android // 添加 android 平台 
ionic cap sync // build + copy + update, 编译出 wwww, 并复制更新到 android 平台上

其他：

ionic natvie 模块使用示例

npm install cordova-plugin-camera
npm install @ionic-native/camera
ionic cap sync  // 更新插件到 Android/ios 平台

使用时需要在 app.module.ts 中 providers 中申明，然后再需要的地方使用