Wex5 开发工具及相关插件安装

一.Wex5简介

WeX5是跨端移动开发框架，将H5的标签封装成组件，实现可视化、组件化快速开发。实现一次开发，多端（iOS、安卓和微信）运行。前端采用H5 + CSS3 + JS标准，使用AMD规范的RequireJS、Bootstrap、jQuery等技术；基于PhoneGap（Cordova）采用混合应用（Hybrid App）开发模式，可以轻松调用手机设备和硬件能力，如相机、地图、LBS定位、指南针、通话录、文件、语音、电池等等；支持多种类型的后端，包括Java、PHP和.NET等，同时也支持云API；提供一键部署，用于将开发的App部署到云服务器CloudX5上。

二.IDE的安装和环境的搭建

WeX5的IDE基于Eclipse，提供了一个完全可视化、组件化、拖拽式开发环境，完全所见即所得；向导化和模板化等工具，快速生成常见应用场景界面；代码提示、真机调试，为开发者提供最大方便。

• 下载地址：http://www.wex5.com/downloads/

注意：Wex5的开发工具是基于eclipse的，所以在安装IDE之前应该确保已经安装jdk环境和环境

变量的配置，安装jdk环境的教程： https://jingyan.baidu.com/article/a24b33cd59b58e19fe002bb9.html

• 解压打开下载的压缩包，双击【启动WeX5开发工具.bat】文件，打开开发工具。

• 了解工具

a) 在开发工具里，右上角有Studio和数据库，点击Studio即切换到开发工具，进行开发工作，点击数据库即切换到数据库，可以进行数据库的操作，这样方便开发者在一个平台上，进行开发和数据库的操作。

b) 我们看左边列，Baas、net、Baas.php、UI2，WeX5开发平台提供java、.net、php三种语言的后端开发，如果我们想要用哪种语言，在窗口->首选项-> Studio配置->baas中进行设置即可。

c）创建数据库后，窗口->首选项->Studio配置->数据源中，进行数据库配置。

三.Wex5 IDE的常用配置和插件

1.工具语言的转换（同eclipse）

Wex5的IDE默认的语言是中文，如上面图示。因为一般程序员习惯用英文版的IDE，（我就是习惯了英文版，所以根据个人需要咯）

• 打开studio.ini文件

• 在最后添加 -Duser.language=en 即可

2.安装Tomcat插件

• 首先下载Tomcat ，去官网下载就好，建议下载最新版本 地址：https://tomcat.apache.org/download-80.cgi

• Window > Preferences > server > Runtime Invironment > Add 选择下载的Tomcat的版本添加

• 然后选择你本地下载Tomcat路径，完成即可。

• 让Tomcat服务器显示在控制台上，将Web应用部署到Tomcat中

2.安装maven插件

• Help > Install New Software

• 在work with输入下载地址：http://download.eclipse.org/releases/juno

• 等待在线安装，再重新启动IDE即可导入maven项目了