MyEclipse中文教程十三：导入jQuery Mobile项目-控件新闻-慧都网

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

原创|使用教程|编辑：我只采一朵|2016-07-27 11:33:49.000|阅读 428 次

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

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

一、创建PhoneGap项目

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

MyEclipse2016.1 Create a PhoneGap Application Project

2.给项目取一个名字：

MyEclipse2016.1 Create a PhoneGap Application Project

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

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

二、导入项目

有三种方式：

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

选择一种导入方式：

MyEclipse 2016 PhoneGap项目

选择要导入的文件：

MyEclipse 2016 PhoneGap项目

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

MyEclipse 2016 PhoneGap项目

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

1.双击 index.html文件

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

PhoneGap.js Reference

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

四、测试Mobile Web Simulator

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

测试Mobile Web Simulator

2.选择要测试的平台：

测试Mobile Web Simulator

3.开始测试：

测试Mobile Web Simulator

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

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

标签：JavaScript Java MyEclipse PhoneGap

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

上一篇：Stimulsoft Reports.Net基础教程（二）：创建简单的列表式报表② 下一篇：jQuery EasyUI使用教程：在树网格中动态加载

在线采购

中文文档库

试用/Demo下载

开发社群