PhoneGap 和 Cordova

1. 确保在Settings/Preferences |上启用了Cordova插件。插件页面，标签Installed。有关详细信息，请参阅管理插件。

2. 确保您的计算机上有Node.js。

3. 根据您使用的目标平台和操作系统下载并安装仿真器工具。从Cordova官方网站了解更多信息。

4. 要模拟iOS平台，请全局安装ios-sim和ios-deploy命令行工具。

   打开嵌入式终端( Alt+F12) 并键入：

   npm install -g ios-sim

   npm install -g ios-deploy

在嵌入式终端( Alt+F12) 中，键入以下命令之一：

• npm install -g phonegap@latest

  从PhoneGap官方网站了解更多信息。

• npm install -g cordova

  从Cordova 官方网站了解更多信息。

从模板创建应用程序

1. 在欢迎屏幕 上单击创建新项目或选择文件 | 新 | 主菜单中的项目。创建新项目对话框打开。

2. 在左侧窗格中，选择Cordova。

   note

   即使您要开发 PhoneGap 或 iOS 应用程序，也请选择Cordova ，因为这些框架使用非常相似的应用程序生成器。

3. 在右侧窗格中，指定将存储项目相关文件的文件夹的路径。指定可执行文件的位置。根据您的操作系统和目标平台，这可以是phonegap、phonegap.cmd、cordova或cordova.cmd。

4. 当您单击Create时，WebStorm 会生成具有特定框架结构的应用程序骨架。

在项目中配置 PhoneGap 或 Cordova

1. 打开设置/首选项对话框 ( Ctrl+Alt+S) 并转到语言和框架 | JavaScript | 科尔多瓦。

2. 如果 WebStorm 没有自动检测到可执行文件，请检查可执行文件的位置或指定路径。这可以是phonegap、phonegap.cmd、cordova 或cordova.cmd，具体取决于您的操作系统和所选框架。

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

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

4. 默认情况下，WebStorm 会自动将平台或www目录视为排除在外，并在索引、解析和代码完成期间将其忽略，请参阅在内容根目录中配置文件夹。

   要保留此默认行为，请确保选中自动排除工作目录（'platforms'，'www' for ionic）复选框。

创建运行配置

1. 从主菜单中，选择运行 | 编辑配置。在打开的编辑配置对话框中，单击工具栏并从上下文菜单中选择Cordova 。

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

   1. 配置的名称。

   2. 在Cordova 可执行文件字段中，指定可执行文件phonegap、phonegap.cmd、cordova 或cordova.cmd的位置，具体取决于您的操作系统和所选框架。

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

   4. 从命令列表中，选择要运行的命令。列表的内容，取决于实际使用的框架，即Cordova 可执行字段中指定的可执行文件。可用的选项有：

      • 对于PhoneGap：

        • 仿真

        • 跑步

        • 准备

        • 服务

        • 远程构建

        • 远程运行

        请参阅PhoneGap CLI以获取带有描述的PhoneGap特定命令的列表。

      • 对于科尔多瓦：

        • 仿真

        • 跑步

        • 准备

        • 服务

        请参阅Cordova CLI以获取带有描述的Cordova特定命令列表。

   5. 从平台列表中，选择应用程序所针对的平台。

      可用的选项有：

      • 安卓

      • iOS要模拟此平台，请全局安装ios-sim和ios-deploy命令行工具。

        打开嵌入式终端( Alt+F12) 并键入：

        npm install -g ios-sim

        npm install -g ios-deploy

      • 浏览器

      • 亚马逊-fireos

      • 火狐

      • 黑莓10

      • ubuntu

      • wp8

      • 视窗

      • 窗户8

      从平台指南了解更多关于目标平台的信息。

   6. 对于Cordova，指定要在其上运行应用程序的目标虚拟或物理 Android 设备：选中指定目标复选框并从列表中选择所需的设备。

      该列表显示当前在您的机器上配置的所有虚拟和物理设备。从Cordova 官方网站了解有关设置模拟器的更多信息。

      如果 WebStorm 显示以下错误消息：Cannot detect ios-sim in path，请确保您已安装ios-sim，请参阅开始之前。

运行应用程序

• 从主工具栏的列表中选择新创建的运行配置，然后单击列表旁边的 。