让HTML5前端开发者使用WebStorm快速开发原生苹果与安卓APP。 WebStorm 千语创想 Plugins是千语创想为开发者提供的一套开源的WebStorm扩展插件。包括：应用管理、应用框架、页面模板、代码提示、代码管理、Widget打包、真机同步、日志输出、管理自定义AppLoader等功能，其他的功能插件也在不断增加；所有插件都已开源，开发者可以下载这些插件在自己的WebStorm中安装后使用，开发者也可以在此基础上按需求扩展自己的插件。
java
Windows 或 Mac
Android 和 ios手机
1、通过千语创想官方网站下载webStorm-千语创想.zip文件。
2、把webStorm-千语创想.zip解压到WebStorm的工作空间中。
Mac
点击 状态栏中WebStorm ,在下拉菜单中，点击 Preferences
Windows
1.新建空白应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : 新建空白应用
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_app.jar $ProjectFileDir$ $Prompt$ default
2.新建底部导航应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : 新建底部导航应用
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_app.jar $ProjectFileDir$ $Prompt$ bottom
3.新建首页导航应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : 新建首页导航应用
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_app.jar $ProjectFileDir$ $Prompt$ home
4.新建侧边导航应用。在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : 新建侧边导航应用
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_app.jar $ProjectFileDir$ $Prompt$ slide
在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : 创建千语创想文件
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_app.jar $ProjectFileDir$ $Prompt$ new $FileDir$
在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : android真机同步
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_loader.jar $ProjectFileDir$/webStorm-千语创想/ $FileDir$/
在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : Android 日志输出
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_log.jar $ProjectFileDir$/webStorm-千语创想
在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容：
name : ios真机同步
Program : java
Parameters : -jar $ProjectFileDir$/webStorm-千语创想/webStorm_loader.jar $ProjectFileDir$/webStorm-千语创想/ $FileDir$ ios
右键点击 工作空间（文件夹） -> 弹出菜中选择 'External Tools' -> 根据需要选择相应的插件。
如果有弹出的输入框，请输入对应的项目名称或者文件名称。
注意事项，目录结构为：workspace-项目根目录-项目文件。 如果是workspace-项目文件， 这样是错误的，会导致无法WiFi真机同步。
打开WebStorm 的 'Keymap' 中'External Tools'选项
选中要设置快捷键的插件，点击右键 -> Add Keyboard Shortcut。在第一个输入框中，输入快捷键。
1、启动Android模拟器，例如：海马玩模拟器下载，或通过 USB 线连接 Android 手机，保证 'USB 调试' 已打开，等待手机与电脑连接成功
2、真机同步快捷键。在widget项目的任意编辑页面通过快捷键可直接进行真机同步。
iOS设备在 MAC 系统和Windows 系统下真机同步需要的环境略有不同，Windows系统需要安装配置iTunes 和 iTools;MAC系统只需安装JDK即可。暂不支持iOS 10 以上版本的手机。 1、Windows 下 iOS 真机同步安装 iTunes 和 iTools (MAC 下无需此步骤)。 下载地址分别为 iTunes 下载。iTools 下载。 安装成功后需要把相关目录放到系统环境变量中。环境变量设置如下：
注意：MAC系统无需此配置，只需要安装JDK即可。 右键我的电脑->属性 将弹出 "系统" 界面
Path 变量的设置 为iTools和iTunes安装位置，如 C:ProgramDataThinkSkyiToolsDriver;C:Program Files (x86)Common FilesAppleApple Application Support
2、设置好相关环境后通过 USB 线连接 iOS 手机，等待手机与电脑连接成功
3、右键点击 千语创想 应用文件夹 -> External -> 'iOS真机同步..'
4、由于 iOS 不会自动启动应用，需要等待 WebStorm 提示同步成功代表同步完成。
注意事项：
工作空间的全路径中，不要有空格。
1、到文档的 Download 页面下载最新的官方 AppLoader
2、替换已安装的真机同步插件里的官方 AppLoader（插件安装目录webStorm-千语创想appLoaderqianyuthink-loader），需要重命名为 'load.apk'。
3、iOS的官方loader替换已安装的真机同步插件里的官方 AppLoader（插件安装目录webStorm-千语创想appLoaderqianyuthink-loader-ios），需要重命名为 'load.ipa'。
1、在 千语创想 云平台先创建一个应用，比如叫：moduleTest
2、用 WebStorm 在本地也创建一个应用（方法同创建新应用），名字自定义，比如也叫：moduleTest
3、打开本地创建的 moduleTest 应用的 config.xml 文件，把其中的 id 修改成云平台创建的应用 ID
4、进入 千语创想 云平台的代码页面 -> 点击'上传代码'按钮 -> 点击'选择zip'按钮 -> 选择moduleTest的压缩包 -> 等待上传成功
5、在 千语创想 控制台中，配置好应用的端设置、证书、包名等，再进入 -> 模块页面 -> 添加自己需要的模块
6、到 千语创想 平台 -> 模块页面 -> 选择'自定义Loader'标签
7、点击自定义 Loader 编译按钮 -> 等待编译完成 -> 下载成功
8、Android 应用的真机同步： 找到 webStorm-千语创想 安装目录 -> 安装目录webStorm-千语创想appLoadercustom-loader
iOS 应用的真机同步： 找到 webStorm-千语创想 安装目录 -> 安装目录webStorm-千语创想appLoadercustom-loader-ios
新建一个文件夹，以云端应用 ID 命名，把刚下载的自定义 Loader 放入此目录，重命名为 'load.apk'
9、新建一个 'load.conf' 文件（version - 自定义 Loader 版本号，packageName - 应用包名），格式如图：
**注意，iOS 如果使用官方默认的证书，没有上传自己的iOS证书，则自定义Loader的包名统一为：com.api.customloader
10、右键点击本地应用 moduleTest 文件夹 -> 弹出菜中选择 'External Tools' -> Android真机同步 或者 ios真机同步。
11、等待 Android 手机自动打开刚同步的应用，代表同步成功，iOS不会自动打开应用，需要手动打开同步完的应用
12、暂不支持iOS 10 以上版本的手机。
请看 WebStorm WiFi真机同步和WiFi真机预览专题文档（ //docs.qianyuthink.com/Dev-Tools/webStorm-wifi-sync ）
把插件包中 wifilog.jar 放到目录C:千语创想workspace 下。
在 Settings-Tools-Terminal 面板配置如图所示内容：
cmd.exe /K "chcp 936 && java -jar C:/千语创想/workspace/wifilog.jar C:/千语创想/workspace/log_info"
按快捷键 Alt+F12启动WiFi日志输出。有些键盘可能需要同时按fn键。
在 'External Tools'选项中，点击 '+' 。在Create Tool中，填写如下内容，填完后点击ok。如图：
-jar $ProjectFileDir$/webStorm-千语创想/wifilog.jar $ProjectFileDir$/webStorm-千语创想/wifisync_tools/log_info
1、点击顶部菜单 'file' ，选择 'Import Settings'。
2、弹出的对话框输入插件路径，点击OK即可。
3、弹出的对话框如图选择'Live templates'，点击OK即可，等待重启 'webstorm'，即可使用。
确保 千语创想 代码提示插件安装成功，无需额外配置即可使用，在 JS 文件或 <script> 标签内部可以触发提示。
api 对象上面的属性及方法，在输入 api. 时触发提示，按 '↑ ↓方向键' 选择需要的 API，选中后按回车键完成代码补全。
$api 对象上面的方法，在输入 $api. 时触发提示，按 '↑ ↓方向键' 选择需要的 API，选中后按回车键完成代码补全。
模块代码提示：以 fs 模块为例，先输入 'api.req' 触发代码提示，require 相应的模块，然后输入'模块名.'时可以触发模块代码提示，按 '↑ ↓方向键' 选择需要的 API，选中后按回车键完成代码补全。
注意： 如果想新增自定义的模块代码提示，可以参照webStorm 千语创想代码提示插件编写文档。
选择svn项目名称的路径 ，如图
可能需要输入svn的账户和密码
选择按钮 No
