跳到主要内容
版本:v7

安装 Ionic

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

试试我们的应用向导

使用我们的应用向导可视化生成 Ionic 项目。选择模板、自定义颜色、应用图标和 JavaScript 框架,更快开始构建。

安装 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 应用模板的三种缩略图预览:blank、tabs 和 side menu。

要了解更多关于启动 Ionic 应用的信息,请参阅启动指南

运行应用

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

$ cd myApp
$ ionic serve

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