WebStorm APICloud 插件的安装和使用说明.docx

WebStorm APICloud 插件的安装和使用说明 WebStorm APICloud 插件的安装和使用说明 开源地址： 依赖环境：java 当前支持环境 WebStorm Windows 或 Mac Android 和 ios手机 首先下载插件 1、通过APICloud官方网站下载webStorm-APICloud.zip文件。 2、把webStorm-APICloud.zip解压到WebStorm的工作空间中。 打开WebStorm 的 'External Tools'选项 Mac 点击 状态栏中WebStorm ,在下拉菜单中，点击 Preferences Windows 安装创建新应用插件 1.新建空白应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : 新建空白应用 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_app.jar $ProjectFileDir$ $Prompt$ default 2.新建底部导航应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : 新建底部导航应用 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_app.jar $ProjectFileDir$ $Prompt$ bottom 3.新建首页导航应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : 新建首页导航应用 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_app.jar $ProjectFileDir$ $Prompt$ home 4.新建侧边导航应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : 新建侧边导航应用 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_app.jar $ProjectFileDir$ $Prompt$ slide 安装创建APICloud文件插件 在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : 创建APICloud文件 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_app.jar $ProjectFileDir$ $Prompt$ new $FileDir$ 安装android真机同步 在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : android真机同步 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_loader.jar $ProjectFileDir$/webStorm-APICloud/ $FileDir$/ 安装Android本地打包 在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : android本地打包 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_pkg.jar $ProjectFileDir$/webStorm-APICloud $FileDir$ $ProjectFileDir$ android 安装Android 日志输出插件 在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : Android 日志输出 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_log.jar $ProjectFileDir$/webStorm-APICloud 安装ios真机同步 在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : ios真机同步 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_loader.jar $ProjectFileDir$/webStorm-APICloud/ $FileDir$ ios 安装ios本地打包 在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容： name : ios本地打包 Program : java Parameters : -jar $ProjectFileDir$/webStorm-APICloud/webStorm_pkg.jar $ProjectFileDir$/webStorm-APICloud $FileDir$ $ProjectFileDir$ ios 插件的使用 右键点击 工作空间 -> 弹出菜中选择 'External Tools' -> 根据需要选择相应的插件。 如果有弹出的输入框，请输入对应的项目名称或者文件名称。 插件的快捷键设置 打开WebStorm 的 'Keymap' 中'External Tools'选项 选中要设置快捷键的插件，点击右键 -> Add Keyboard Shortcut。在第一个输入框中，输入快捷键。 官方 Loader 真机同步 Android设备真机同步 1、启动Android模拟器，例如：海马玩模拟器下载，或通过 USB 线连接 Android 手机，保证 'USB 调试' 已打开，等待手机与电脑连接成功 2、真机同步快捷键。在widget项目的任意编辑页面通过快捷键可直接进行真机同步。 IOS设备真机同步 IOS设备在 MAC 系统和Windows 系统下真机同步需要的环境略有不同，Windows系统需要安装配置iTunes 和 iTools;MAC系统只需安装JDK即可。 1、Windows 下 IOS 真机同步安装 iTunes 和 iTools (MAC 下无需此步骤)。 下载地址分别为 iTunes 下载。iTools 下载。 安装成功后需要把相关目录放到系统环境变量中。环境变量设置如下： 注意：MAC系统无需此配置，只需要安装JDK即可。 右键我的电脑->属性 将弹出 "系统" 界面 Path 变量的设置 为iTools和iTunes安装位置，如 C:ProgramDataThinkSkyiToolsDriver;C:Program Files (x86)Common FilesAppleApple Application Support2、设置好相关环境后通过 USB 线连接 IOS 手机，等待手机与电脑连接成功 3、右键点击 APICloud 应用文件夹 -> External -> 'IOS真机同步.' 4、由于 IOS 不会自动启动应用，需要等待 WebStorm 提示同步成功代表同步完成。 注意事项： 工作空间的全路径中，不要有空格。