跳到主要内容
版本:v8

安装 Ionic

Ionic 应用主要通过 Ionic 命令行工具创建和开发。Ionic CLI 是首选的安装方法,因为它提供了广泛的开发工具和沿途的帮助选项。它也是运行应用并将其连接到其他服务(例如 Appflow)的主要工具。

Try our App Wizard

Use our App Wizard to generate an Ionic project visually. Choose a template, custom colors, app icon, and JavaScript Framework to get building quicker.

安装 Ionic CLI

在继续之前,请确保您的计算机已安装 Node.js。请参阅这些说明来设置 Ionic 开发环境。

使用 npm 安装 Ionic CLI:

npm install -g @ionic/cli

如果之前安装过旧版 Ionic CLI,由于包名称已更改,需要先卸载它。

$ npm uninstall -g ionic
$ npm install -g @ionic/cli

备注

-g 选项表示 全局安装。当包被全局安装时,可能会出现 EACCES 权限错误。 建议配置 npm 使其无需提升权限即可全局运行。有关更多信息,请参阅解决权限错误

创建应用

使用预制的应用模板之一或空模板来创建 Ionic 应用。三种最常见的入门模板是 blank(空白)、tabs(标签页)和 sidemenu(侧边菜单)。使用 ionic start 命令开始创建:

ionic start

Ionic 应用模板的缩略图预览:空白、标签页和侧边菜单。

要了解更多关于创建 Ionic 应用的信息,请参阅入门指南

运行应用

大部分 Ionic 应用开发工作可以直接在浏览器中使用 ionic serve 命令完成:

$ cd myApp
$ ionic serve

运行应用还有其他多种方式,但建议首先使用此工作流程。要在设备和模拟器上开发和测试应用,请参阅应用运行指南