Maqetta 开发环境配置

Maqetta，一个创建桌面和移动用户界面的HTML5设计编辑工具，仅需简单的拖曳操作，就可完成桌面和移动用户界面。Maqetta 功能如下：WYSIWYG可视化页面编辑、拖曳式移动UI设计、设计或源码浏览同步编辑、对CSS样式的深度支持

maqetta的开发环境配置步骤如下：

第一步：安装和配置eclipse，请参考网上教程

第二步：下载maqetta源码

首先需要安装git版本管理工具，安装好之后

在需要检出源码的目录下面，右键，选择git clone

在弹出对话框中输入检出地址和目录，如下图所示：

 

点击ok，等待检出工程完成

第三步：下载jQuery UI and YUI sources，由于maqetta的源码里不包含此源码，因此开发者需要单独进行下载

其下载地址分别是 jQuery from http://jqueryui.com和YUI http://developer.yahoo.com/yui/2/

第四步：设置和启动mqetta服务器

首先需要设计系统变量MAQETTA_WORKSPACE，指定文件的存放目录(注意：在可能的情况下，需要重启电脑以使系统变狼生效)

其次把maqetta的源码导入到eclipse中，点击右键，选择debug configuration ，里面有maqett multi_user(需要登录验证) 和maqetta single_user(不需要登录验证)，选择其中之一进行osgi框架的运行

在控制台会出现“osgi”,表明服务器启动成功

最后，在浏览器(目前只支持google chrome、 Firefox 和apple safari)中输入http://localhost:8081/maqetta/，如果不出现错误界面，则表示启动成功