文章目录
一、常用命令
-
安装脚手架
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