跳到主要内容
版本：v7

安装 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

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

Contents

编辑此页