开发教程| WebStorm插件安装和使用教程

让HTML5前端开发人员使用WebStorm快速开发本地Apple和Androidapp。WebStorm 统软云插件是统软云为开发人员提供的一组开源WebStorm扩展。包括：app管理、app框架、页面模板、代码提示、代码管理、小部件打包、实机同步、日志输出、用户自定义AppLoader管理等功能。其他插件也在增加；所有插件都是开源的。开发人员可以下载这些插件，并在安装后在自己的WebStorm中使用它们。开发人员也可以基于此扩展自己的插件。

依赖环境java

当前支持环境Windows或Mac

Android和ios手机

首先下载插件1.通过统软云官方网站下载文件。

2.解压缩webStorm 统软云。压缩到WebStorm的工作区。

打开WebStorm的'；外部工具对于选项Mac，单击状态栏中的WebStorm，然后单击下拉菜单中的首选项

窗户

安装创建新app“插件1.创建空白app。在'；外部工具”选项上，单击'+'；。在创建工具中，填写以下内容：

名称：新空白app：javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_app。jar$ProjectFileDir$$Prompt$default

2.创建新的底部导航app。打开'；外部工具选项，单击'+'在“创建工具”中，填写以下内容：

名称：新底部导航app：javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_app。jar$ProjectFileDir$$Prompt$bottom

3.创建主页导航app。打开'；外部工具选项，单击'+'在“创建工具”中，填写以下内容：

名称：新主页导航app程序：javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_app。jar$ProjectFileDir$$Prompt$home

4.创建新的侧导航app。打开'；外部工具选项，单击'+'在“创建工具”中，填写以下内容：

名称：新侧导航app：javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_app。jar$ProjectFileDir$$Prompt$幻灯片

安装创建统软云文件“插件在'；外部工具”选项中可用，单击'+'；。在创建工具中，填写以下内容：

名称：创建统软云文件程序：javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_app。jar$ProjectFileDir$$Prompt$new$FileDir$

安装Android真机同步；插件在'；外部工具选项，单击'+'在“创建工具”中，填写以下内容：

名称：Android Real Machine Synchronization Program:javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_loader。jar$ProjectFileDir$/webStorm 统软云/$FileDir$/

安装Android日志输出“插件在'；外部工具选项中可用，单击'+'；。在创建工具中，填写以下内容：

名称：Android日志输出程序：javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_Log。jar$ProjectFileDir$/webStorm 统软云

安装IOS实机同步“插件在'；外部工具选项中可用，单击'+'；。在创建工具中，填写以下内容：

名称：ios Real Machine Synchronization Program:javaParameters:-jar$ProjectFileDir$/webStorm 统软云/webStorm_loader。jar$ProjectFileDir$/webStorm 统软云/$FileDir$ios

右键单击工作区（文件夹）->从弹出菜单中选择'；外部工具”->；根据需要选择适当的插件。

如果有弹出的输入框，请输入相应的项目名称或文件名。

注意：目录结构为：workspace-项目根目录-项目文件。如果是工作区项目文件，这是一个错误，这将导致WiFi真机同步失败。

插件的快捷键设置打开'；Keymap“中等”；外部工具选项

选择插件以设置快捷键，然后右键单击->添加键盘快捷键在第一个输入框中，输入快捷键。

官方加载器真实机器同步Android设备真实机器同步1.启动Android模拟器，例如：下载，或通过USB电缆连接Android手机，并确保'；USB调试'；已打开，正在等待电话和计算机之间的成功连接

2.实机同步快捷键。可以通过小部件项目的任何编辑页面上的快捷键直接执行实机同步。

iOS设备的实机同步MAC系统和Windows系统中iOS设备实机同步所需的环境略有不同。Windows系统需要安装和配置iTunes和iTools；MAC系统只需要安装JDK。iOS 10以上的手机不是