MyEclipse中文教程十三：导入jQuery Mobile项目

本教程教你如何将JQuery Mobile项目导入MyEclipse。

【企业专享】企业级IDE MyEclipse购多套多年授权低至6.5折！活动详情>>

【个人专享】MyEclipse全场促销！暑“价”购痛快！在线订购>>

用其他工具做的JQuery Mobile应用程序也可以导入MyEclipse中继续使用。本教程讲解：

• 为 JQuery Mobile app 创建一个PhoneGap项目
• 如何使用 Import dialog
• 预览设计
• 测试Mobile Web Simulator

花费时间：20-30分钟

还没有MyEclipse即下载

注意：本教程提及的功能适用MyEclipse 2015及以上的版本。

一、创建PhoneGap项目

1.在Dashboard上，单击Create a PhoneGap Application Project ：

2.给项目取一个名字：

3.在项目目录结构中将index.html文件重命名为index1.html，将初始的布局版本保留以备不时之需。

4.右键单击www文件，选择Import。

二、导入项目

有三种方式：

• 压缩文件
• Existing Projects into Workspace
• File System – 用 File System method导入完整项目

选择一种导入方式：

选择要导入的文件：

导入后双击index.html 文件在 Visual Designer 中查看编辑代码。

三、预览设计，添加PhoneGap.js Reference

1.双击 index.html文件

2.单击编辑器窗口底部的Preview标签查看设计效果：

将 PhoneGap javascript reference 添加到 index.html文件：

<script type=”text/javascript” src=”phonegap.js”></script>

四、测试Mobile Web Simulator

1.右键单击项目主菜单，选择PhoneGap>Preview Application in Mobile Web Simulator：

2.选择要测试的平台：

3.开始测试：

【企业专享】企业级IDE MyEclipse购多套多年授权低至6.5折！活动详情>>

【个人专享】MyEclipse全场促销！暑“价”购痛快！在线订购>>

标签：JavaScript JavaMyEclipsePhoneGap

来源：慧都