AppWorker教程-IDE使用

IDE安装和使用

设计器是基于Eclipse RCP开发的，如果熟悉Eclipse的同学可能比较容易上手，常见问题都能自己解决。不熟悉的同学可能会碰到不少问题，这里总结一下一些常见问题。

安装

下载和安装基本上没有什么问题，都是zip，免安装的。安装包大小都是大概140左右 .安装有可能碰到的问题就是解压提示错误，路径和文件名总长度必须不能超过 260 个字符。
解决的方法有2种：

不要用winrar去解压，用系统winzip或者7z之类的工具解压
解压到一个不是很深的根目录

启动

启动碰到的问题总体来说以java jdk/jre环境的问题居多.因为是Eclipse的常用问题，可以百度搜索，也可以看下面的介绍。

--Windows

1. 没有安装jdk，一般提示的界面如下：

image

解决的方法就是 下载安装JDK，注意如果你的操作系统

    是64位的就安装Java SE Development Kit 8u74 Windows x64 版本
    是32位的就安装Java SE Development Kit 8u74 Windows x86 版本

2. JDK版本太低

do平台的IDE需要至少JDK1.7及以上。查看JDK的版本就是在CMD下执行java -version

image

注意：这个命令也可以看你当前JDK是64位还是32位，64位会提示 Java Hot-Spot(TM) 64-Bit

3. JDK的版本和操作系统的版本还有do平台的设计器的版本没对上，这个版本指64位还是32位的差别。一般会报下面的错误

image

解决的方法就是最好按照这个规则：
64位操作系统--->64位JDK--->设计器64位(Eclipse IDE for Windows x64)
32位操作系统--->32位JDK--->设计器32位(Eclipse IDE for Windows x86)

4. IDE里登陆用户密码没有反应，但是同样的用户密码通过浏览器访问后台是没有问题的，一般是因为360之类的阻止了，有时候切换一个网络，比如用手机做热点，就能弹出这个提示框，选择同意就可以了。

image

--MAC

1. 没有安装JDK或者java版本太低，低于1.7

一般ios会报这个错误，如下图：

image

解决的方法就是下载安装JDK 安装 MAC OS x64版本

2. mac的应用权限问题导致下载的IDE不能打开，提示已破坏 ，问题的截图一般是如下：

image

原因是MAC系统安装非Appstore软件的限制。解决方法参考 http://www.pc6.com/edu/66419.html

3. 最新的mac系统找不到“信任所有来源的选项”，从而无法安装，可以尝试在命令行执行：

    打开「终端」：应用程序->实用工具->终端；
    粘贴下面的命令后，按回车，输入你的系统密码；sudo spctl --master-disable
    再次打开安全设置选项，就会发现「任何来源」选项回来了

---

IDE的使用

image

上图是整个IDE的基本结构图。
IDE是基于Eclipse的基础，大部分功能和Eclipse完全一致，我们简单再介绍一些常用功能点：

应用工程管理：包含新建项目，导入项目等
工程代码管理：包含新建各种类型代码文件，文件导航删除等
UI设计：包含组件管理，组件同步，拖拽组件，设置组件属性等
代码编辑：包含常用代码编辑器的一些基本功能
真机联调：包含调试服务，调试日志等
应用打包：主要是云打包功能
辅助功能：包含帮助，工具，设置等

应用工程管理

1. 新建应用：打开设计器，第一步就是新建应用，我们支持的语言是javascript

2. 导入应用：如果我们想要打开和研究别人开发的一个应用的源代码，我们需要使用import功能。导入功能使用Eclipse标准的右键导入，会把别人的应用打开。注意这里选择是导入AppWorker下的Existing Projects into Workspace

image

image

工程代码管理

1. 文件导航：标准的树状结构管理一个工程下的所有代码和数据文件

image

2. 新建文件：右键一个目录节点，新建文件菜单打开新建文件窗口，设计器支持多种格式的文件类型

3. 文件操作：包括其它常用的文件删除，目录相关的一些操作，都是在文件节点和目录节点右键菜单里，这些都是标准的Eclipse操作。

UI设计

1. 组件列表：在导航树上双击一个ui文件，就可以打开UI设计界面，在组件列表里可以看到这个应用能使用的UI组件，可以通过拖拽方式，把组件拖拽到设计区。新建一个应用我们会有缺省的10多个ui组件，如果需要更多组件，需要点击应用配置按钮，然后添加更多的组件。添加结束后，还需要点击应用同步按钮。

image

2. UI结构树(Outline)：ui文件内的组件构成一个结构树，从根节点RootView开始，包含子节点，如果子节点是容器内节点，还可以再包含子节点。另外节点右键有菜单，可删除，复制，粘帖等常用功能。如果节点是容器节点，右键菜单还有“增加”功能，增加一个子组件到这个容器下。另外还支持鼠标拖拽功能。

image

3. 属性设置：在设计区或者视图结构树上选取一个UI组件对象，可以修改它的基础属性和特有属性，其中基础属性是所有UI都具有的属性，特有属性是每个独立的UI组件特有的属性。很多属性（不是所有的)一修改马上就能在设计区实时看到修改后的效果。

image

代码编辑

1. 编辑器基础功能：设计器提供了常用编辑器的基本功能，包括双击js或lua文件打开对应的文本编辑页面，双击页签关闭分页。工具栏里的功能包括Eclipse常用的编辑器功能.

image

2. 自动提示：编辑器提供了好几种代码自动提示功能，比如补全变量名，补全ui的id，提示属性，事件，方法，回车补全函数参数集合等，快捷键的设置也和Eclipse标准一致。

image

image

真机调试

1. 调试服务:调试的过程可以参考入门教程

2. 调试日志：设计器能接受到手机端发送的调试日志，包括运行时的异常，包括用户调用print方法传过来的自定义日志，需确保手机上的调试终端把调试开关打开。

image

当前还不支持单步断点调试，除了print外，用户还可以通过调用do_Notification.alert和toast来弹出提示窗口来调试数据。

云打包

1. 调试终端打包：用户调试的时候可以选择自己想要的组件，定制化生成调试终端安装包。点击菜单的调试版本按钮。

2. 应用开发基本上都是在用调试终端调试代码，一旦应用功能完后需要通过打成一个正式的安装包，有自己的图标，名称，签名等等，可以上传官方的Appstore，可以给最终用户下载使用。只需点击设计器中的发布版本按钮

image