安装 Ionic
Ionic 应用主要通过 Ionic 命令行工具创建和开发。Ionic CLI 是首选的安装方法,因为它提供了广泛的开发工具和沿途的帮助选项。它也是运行应用并将其连接到其他服务(例如 Appflow)的主要工具。
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 serve 命令完成:
$ cd myApp
$ ionic serve
运行应用还有其他多种方式,但建议首先使用此工作流程。要在设备和模拟器上开发和测试应用,请参阅应用运行指南。