ionic-最全常用命令

一、常用命令

• 安装脚手架

  npm i -g @ionic/cli
  

• 安装ionic

  npm install -g ionic
  

• 查看ionic版本

  ionic -v
  

• 创建ionic不同骨架的项目

  // 这边需要重点关注，每个版本的cli创建项目的命令都不尽相同
  // 在ionic-cli3的版本中创建ionic2的项目  默认是tabs模版 tabs blank sidemenu
  ionic start appName [tabs/blank/sidemenu] [--v2] 
  // 在ionic-cli3的版本中创建ionic3的项目
  ionic start appName blank;
  // 在ionic-cli@4.10.2以上版本创建ionic3.*的工程
  ionic start wsl-gz-android blank --type=ionic-angular
  

• 预览运行

  ionic serve [--p 8100 可以指定端口]   
  

• 安装iOS模拟器

  npm install -g ios-sim 
  

• 添加/移除移动平台

  // 默认版本号安装
  ionic cordova platform add/remove ios/android/windows
  // 指定版本号
  ionic cordova platform add android @版本号
  

• 在模拟器上运行

  // 默认安装连接设备
  ionic cordova emulate [platform]
  // 指定模拟设备
   ionic cordova emulate ios --target="iPad-Air" 指定要模拟的设备
  

• 将控制台日志输出到终端窗口

  ionic cordova emulate ios -l -c   
  

• 在设备上测试（真机）

  ionic run ios -l -c 
  

• 添加/移除插件 ionic cordova plugin add/remove[rm] [plugin id]

  ionic cordova plugin add/remove[rm] [plugin id]
  

• 查看插件列表

  ionic cordova plugin ls
  

• ionic生成器 【注：ionic 2 使用kebob-casing(烤肉串命名法)来命名文件名，对于TypeScript中的JavaScript类则采用Pascal命名法。】

  ionic -g [page|component|directive|pipe|tabs] [element name]
  

• 预览各平台之间的差异

ionic serve --lab

• 指定运行的IP地址

  ionic serve --address 112.365.365.321
  

• 安装部署插件

  npm install -g ios-deploy
  

• 设置淘宝镜像

  npm install -g cnpm --registry=https://registry.npm.taobao.org  
  

• 保存插件

  ionic cordova plugin save
  

• 自动生成尺寸图标和启动页

  ionic resources / ionic cordova resources --[icon/splash]
  

• 构建release版

  ionic cordova build ios --release --prod
  

• 控制台打印详细日志

  ionic serve --verbose