安装或设置
1.使用 npm(节点包管理器)安装 Ionic Framework 和 Cordova(因为 Ionic 应用程序基于 Cordova):
确保你的系统上安装了最新版本的 Node.js. 如果你没有安装 Node.js,可以从此处安装。
此外,对于 Mac 用户,在系统上安装了最新的 Xcode 版本,可以在此处下载命令行工具和 iOs Simulator。
打开终端窗口(Mac)或命令窗口(Windows),然后安装 Cordova 和 Ionic:
$ npm install -g cordova ionic
在 Mac 上,你可能必须使用 sudo,具体取决于你的系统配置:
$ sudo npm install -g cordova ionic
如果你的计算机上已安装 Cordova 和 Ionic,请确保更新到最新版本:
$ npm update -g cordova ionic
要么
$ sudo npm update -g cordova ionic
按照 Android 和 iOS 平台指南安装所需的平台依赖项。
注意:iOS 开发需要 Mac OS X.通过 Ionic CLI 的 iOS 模拟器需要 ios-sim npm 软件包,可以使用以下命令安装:
$ sudo npm -g install ios-sim
2.开始一个新的离子项目:
使用现成的应用程序模板之一创建一个 Ionic 项目,或者使用空白模板创建一个新的。
$ ionic start myApp blank
要么
$ ionic start myApp tabs
要么
$ ionic start myApp sidemenu
3.测试 Ionic 应用程序:
要在 iOS 和 Android 平台上的桌面浏览器中测试你的 Ionic 应用程序:
$ ionic serve --lab
虽然 ionic serve --lab
非常适合在多个平台上测试应用程序 UI,但它可能会导致 Javascript 控制台或元素检查出现问题,在这种情况下你可能更喜欢它:
$ ionic serve
要在模拟器中测试你的 Ionic 应用程序:
$ cd myApp
$ ionic platform add ios android
$ ionic build ios
$ ionic emulate ios
用 android 代替 ios 进行 Android 模拟器测试:
$ ionic build android
$ ionic emulate android
要在通过 USB 连接的 Android 设备中测试你的 Ionic 应用:
$ ionic run android
要在通过 USB 连接的 iOS 设备中测试你的 Ionic 应用程序:
$ ionic run ios --device