安装或设置

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

按照 AndroidiOS 平台指南安装所需的平台依赖项。

注意: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