Eclipse开发ionic应用

最新推荐文章于 2019-03-14 14:24:41 发布

wayne_ren

最新推荐文章于 2019-03-14 14:24:41 发布

阅读量192

点赞数

分类专栏： Cordova 文章标签：开发工具 javascript ViewUI

本文链接：https://blog.csdn.net/wayne_ren/article/details/84654468

版权

Cordova 专栏收录该内容

40 篇文章 1 订阅

订阅专栏

[color=blue][b]（1）首先下载最新版的Eclipse 4.4 (Luna)[/b][/color]

[color=blue][b]（2）安装JBoss Developer Studio插件[/b][/color]
Help > Eclipse Marketplace 打开后查找Find“JBoss Developer Studio”，选择“Red Hat JBoss Developer Studio（Luna） 8.0.0.CR1”安装。
[img]http://dl2.iteye.com/upload/attachment/0101/2597/11f4032c-81de-3a08-9538-34415080adba.png[/img]

安装完成后重启Eclipse就能看到一下页面
[img]http://dl2.iteye.com/upload/attachment/0101/2599/9733c081-95e1-317a-927f-5ddd65b5f1de.png[/img]

点击“JBoss Central”Getting Started的Hybrid Mobile Project
[img]http://dl2.iteye.com/upload/attachment/0101/2601/b07134d6-6de7-3366-a8df-f8b2858a3640.png[/img]

安装完成后再重启，在Import Project中就能看到：
[img]http://dl2.iteye.com/upload/attachment/0101/2603/fb8ea2b8-cdaa-3718-97ac-119718a0c61f.png[/img]

点击“JBoss Central”Getting Started的AngularJS Forge链接后按向导执行
点击“JBoss Central”Software/Update的Enable Early Access，然后选择AngularJS For Web Tools安装。
[img]http://dl2.iteye.com/upload/attachment/0101/2627/6d2f7e9b-e03f-3fce-b1c7-1eef5bf1acb3.png[/img]

[color=blue][b]（3）创建一个ionic工程[/b][/color]
[quote]ionic start TestIDE[/quote]

（[color=blue][b]4）导入ionic工程到Eclipse[/b][/color]
[img]http://dl2.iteye.com/upload/attachment/0101/2605/547318d7-ee2f-3500-b44c-87dbc353350a.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0101/2607/a08514e0-7ec9-3525-858e-0120fa135816.png[/img]

[b]运行Cordova工程[/b]
[img]http://dl2.iteye.com/upload/attachment/0101/2609/95f12ee8-8a42-3614-afa1-1ced4e831d38.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0101/2611/404c8682-6d0b-3dca-b6e5-632e62115389.png[/img]

[color=blue][b]（5）Ionic的支持[/b][/color]
[b]Ionic Palette[/b]
[img]http://dl2.iteye.com/upload/attachment/0101/2615/4396ceb2-25d2-3542-afe2-311bf902a937.png[/img]

[b]jQuery Mobile Palette[/b]
[img]http://dl2.iteye.com/upload/attachment/0101/2613/485df8dc-d474-353c-a7ab-3b0a45e5b75d.png[/img]

[b]插入SlideBox[/b]
[img]http://dl2.iteye.com/upload/attachment/0101/2616/3f1671ff-cc16-36d5-ab69-658685909897.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0101/2619/4d706ce1-4555-3b53-85ac-e7c01538c4cd.png[/img]

[b]代码辅助[/b]
[img]http://dl2.iteye.com/upload/attachment/0101/2621/d2d792be-d58c-30c4-a00d-21d577b4a93b.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0101/2623/de692a49-d920-3354-997a-808f422518f8.png[/img]
[img]http://dl2.iteye.com/upload/attachment/0101/2625/96790f2f-ff48-34c9-92f9-a4a883c4ba7e.png[/img]

参考：[url=http://tools.jboss.org/blog/2014-09-17-CR1-for-luna.html]http://tools.jboss.org/blog/2014-09-17-CR1-for-luna.html[/url]