WebStorm APICloud 插件的安装和使用说明一.docx
- 文档编号:13240156
- 上传时间:2023-06-12
- 格式:DOCX
- 页数:14
- 大小:879.67KB
WebStorm APICloud 插件的安装和使用说明一.docx
《WebStorm APICloud 插件的安装和使用说明一.docx》由会员分享,可在线阅读,更多相关《WebStorm APICloud 插件的安装和使用说明一.docx(14页珍藏版)》请在冰点文库上搜索。
WebStormAPICloud插件的安装和使用说明一
WebStormAPICloud插件的安装和使用说明
(一)
开源地址:
依赖环境:
java
当前支持环境
•WebStorm
•Windows或Mac
•Android和ios手机
首先下载插件
1、通过APICloud官方网站下载webStorm-APICloud.zip文件。
2、把webStorm-APICloud.zip解压到WebStorm的工作空间中。
打开WebStorm的'ExternalTools'选项
Mac
点击状态栏中WebStorm,在下拉菜单中,点击Preferences
Windows
安装创建新应用插件
1.新建空白应用。
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
新建空白应用
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_app.jar$ProjectFileDir$$Prompt$default
2.新建底部导航应用。
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
新建底部导航应用
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_app.jar$ProjectFileDir$$Prompt$bottom
3.新建首页导航应用。
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
新建首页导航应用
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_app.jar$ProjectFileDir$$Prompt$home
4.新建侧边导航应用。
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
新建侧边导航应用
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_app.jar$ProjectFileDir$$Prompt$slide
安装创建APICloud文件插件
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
创建APICloud文件
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_app.jar$ProjectFileDir$$Prompt$new$FileDir$
安装android真机同步
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
android真机同步
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_loader.jar$ProjectFileDir$/webStorm-APICloud/$FileDir$/
安装Android本地打包
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
android本地打包
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_pkg.jar$ProjectFileDir$/webStorm-APICloud$FileDir$$ProjectFileDir$android
安装Android日志输出插件
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
Android日志输出
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_log.jar$ProjectFileDir$/webStorm-APICloud
安装ios真机同步
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
ios真机同步
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_loader.jar$ProjectFileDir$/webStorm-APICloud/$FileDir$ios
安装ios本地打包
在'ExternalTools'选项中,点击'+'。
在CreateTool中,填写如下内容:
name:
ios本地打包
Program:
java
Parameters:
-jar$ProjectFileDir$/webStorm-APICloud/webStorm_pkg.jar$ProjectFileDir$/webStorm-APICloud$FileDir$$ProjectFileDir$ios
插件的使用
右键点击工作空间(文件夹)->弹出菜中选择'ExternalTools'->根据需要选择相应的插件。
如果有弹出的输入框,请输入对应的项目名称或者文件名称。
插件的快捷键设置
打开WebStorm的'Keymap'中'ExternalTools'选项
选中要设置快捷键的插件,点击右键->AddKeyboardShortcut。
在第一个输入框中,输入快捷键。
官方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:
\ProgramData\ThinkSky\iTools\Driver\;C:
\ProgramFiles(x86)\CommonFiles\Apple\AppleApplicationSupport\
2、设置好相关环境后通过USB线连接IOS手机,等待手机与电脑连接成功
3、右键点击APICloud应用文件夹->External->'IOS真机同步..'
4、由于IOS不会自动启动应用,需要等待WebStorm提示同步成功代表同步完成。
注意事项:
工作空间的全路径中,不要有空格。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WebStorm APICloud 插件的安装和使用说明一 插件 安装 使用说明