使用PhoneGap/Cordova

此功能仅在Ultimate版本中受支持。

在IntelliJ IDEA中，您可以使用PhoneGap，Apache Cordova和Ionic框架开发旨在运行在各种移动平台（包括Android）上的应用程序。

在你开始使用PhoneGap，Apache Cordova和Ionic之前，你需要：

如“ 插件管理 ”中所述， 在“插件”页面上安装并启用PhoneGap/Cordova存储库插件 。

安装Node.js。

根据目标平台和您使用的操作系统，下载并安装模拟器工具；您可以从Cordova官方网站了解更多信息。

安装PhoneGap/Cordova/Ionic

打开内置的IntelliJ IDEA终端（Alt+F12）并在命令提示符下键入以下命令之一：

npm install -- global phonegap
npm install -- global cordova
npm install -- global ionic

创建一个新的PhoneGap/Cordova/Ionic应用程序

如果您还没有应用程序，可以从样板模板生成具有PhoneGap/Cordova/Ionic特定结构的IntelliJ IDEA项目。或者，创建一个空的IntelliJ IDEA项目，并在其中配置PhoneGap/Cordova/Ionic支持，如下面的“开始使用现有的PhoneGap/Cordova/Ionic应用程序”所述。

从模板创建PhoneGap/Cordova/Ionic应用程序：

在主菜单上选择：文件|新建|项目，或单击欢迎屏幕上的单击“新建项目”按钮。

在“项目类别和选项”对话框（“新建项目”向导的第一页）中，在左侧窗格中选择“静态Web”。

在右侧窗格中，选择：PhoneGap/Cordova App，然后单击“下一步”。

在向导的第二页上，指定项目名称和要在其中创建的文件夹。指定可执行文件的位置：phonegap.cmd，cordova.cmd，或ionic.cmd

单击“完成”后，IntelliJ IDEA将生成具有特定于框架结构的PhoneGap/Cordova/Ionic应用程序的框架。

创建一个空的IntelliJ IDEA项目：

在主菜单上选择：文件|新建|项目，或单击欢迎屏幕上的“新建项目”按钮。

在“项目类别和选项”对话框（“新建项目”向导的第一页）中，在左侧窗格中选择“静态Web”。

在右侧窗格中，再次选择“静态Web”，然后单击“下一步”。

在向导的第二页上，指定项目文件夹和名称，然后单击“完成”。

开始使用现有的PhoneGap/Cordova/Ionic应用程序

通过在主菜单上选择：文件|打开，来在IntelliJ IDEA中打开所需的PhoneGap/Cordova/Ionic应用程序，或或单击欢迎屏幕上的“打开”。

在“设置/首选项”对话框（Ctrl+Alt+S）中，单击“语言和框架”下的“JavaScript” ，然后单击“Cordova”，将打开Cordova页面。

检查可执行文件的位置：phonegap.cmd，cordova.cmd，或者ionic.cmd，如果IntelliJ IDEA未自动检测到可执行文件，则指定其路径。

IntelliJ IDEA检测已安装的版本并将其显示在PhoneGap/Cordova版本的只读字段中。

在Cordova工作目录字段中，指定存储要运行的PhoneGap/Cordova/Ionic应用程序文件的文件夹。

在“插件”区域中，通过安装所需的软件包来配置要在开发中使用的插件列表。该列表显示了您的计算机上当前安装的所有PhoneGap/Cordova/Ionic插件，包括全局和项目级别。

要安装插件，请单击“安装”按钮。在打开的“可用包”对话框中，选择所需的包。

要全局安装软件包，请选中“选项”复选框，然后在文本框中输入：--global。单击“安装包”。

要删除插件，请在列表中选择它，然后单击“卸载”按钮。

要将插件升级到最新的可用版本，请在列表中选择插件，然后单击“升级”按钮。

创建并启动PhoneGap/Cordova/Ionic运行配置

PhoneGap/Cordova/Ionic应用程序根据专用的运行/调试配置执行。

在主菜单上，选择：运行|编辑配置，在打开的“编辑配置”对话框中，单击“添加新配置”工具栏按钮，然后在上下文菜单中选择“PhoneGap/Cordova”。

在打开的“运行/调试配置：PhoneGap / Cordova”对话框中，指定以下内容：

配置的名称。

在PhoneGap/Cordova可执行文件路径字段中，指定可执行文件的位置：phonegap.cmd，cordova.cmd或ionic.cml。

在PhoneGap/Cordova工作目录字段中，指定存储要运行的PhoneGap/Cordova/Ionic应用程序文件的文件夹。

从“命令”下拉列表中，选择要运行的命令。下拉列表的内容取决于实际使用的框架，即PhoneGap/Cordova可执行路径字段中指定的可执行文件。可用选项包括：

对于PhoneGap：

对于Cordova：

对于Ionic：

从“平台”下拉列表中，选择应用程序所针对的平台。可用选项包括：

对于Cordova和Ionic，请指定要在其上运行应用程序的目标虚拟或物理Android设备：选择“指定目标”复选框，然后从下拉列表中选择所需设备。该列表显示了我们计算机上当前配置的所有虚拟和物理设备。

如果IntelliJ IDEA显示以下错误消息：无法检测路径中的ios-simios-sim，请确保已安装，确保在开始本节内容之前，你已经做了正确的配置。

要运行PhoneGap/Cordova/Ionic应用程序，请从主工具栏的列表中选择所需的运行配置，然后在主菜单上选择：运行|运行<配置名称>，或单击“运行” 。