Eclipse开发Cordova/AngularJS/Ionicframework应用

(1)首先下载最新版的Eclipse 4.4 (Luna)

(2)安装JBoss Developer Studio插件
Help > Eclipse Marketplace 打开后查找Find“JBoss Developer Studio”,选择“Red Hat JBoss Developer Studio(Luna) 8.0.0.CR1”安装。
Eclipse开发Cordova/AngularJS/Ionicframework应用_第1张图片

安装完成后重启Eclipse就能看到一下页面
Eclipse开发Cordova/AngularJS/Ionicframework应用_第2张图片

点击“JBoss Central”Getting Started的Hybrid Mobile Project
Eclipse开发Cordova/AngularJS/Ionicframework应用_第3张图片

安装完成后再重启,在Import Project中就能看到:
Eclipse开发Cordova/AngularJS/Ionicframework应用_第4张图片

点击“JBoss Central”Getting Started的AngularJS Forge链接后按向导执行
点击“JBoss Central”Software/Update的Enable Early Access,然后选择AngularJS For Web Tools安装。
Eclipse开发Cordova/AngularJS/Ionicframework应用_第5张图片

(3)创建一个ionic工程
引用
ionic start TestIDE


4)导入ionic工程到Eclipse
Eclipse开发Cordova/AngularJS/Ionicframework应用_第6张图片
Eclipse开发Cordova/AngularJS/Ionicframework应用_第7张图片

运行Cordova工程
Eclipse开发Cordova/AngularJS/Ionicframework应用_第8张图片
Eclipse开发Cordova/AngularJS/Ionicframework应用_第9张图片

(5)Ionic的支持
Ionic Palette
Eclipse开发Cordova/AngularJS/Ionicframework应用_第10张图片

jQuery Mobile Palette
Eclipse开发Cordova/AngularJS/Ionicframework应用_第11张图片

插入SlideBox
Eclipse开发Cordova/AngularJS/Ionicframework应用_第12张图片
Eclipse开发Cordova/AngularJS/Ionicframework应用_第13张图片

代码辅助
Eclipse开发Cordova/AngularJS/Ionicframework应用_第14张图片
Eclipse开发Cordova/AngularJS/Ionicframework应用_第15张图片
Eclipse开发Cordova/AngularJS/Ionicframework应用_第16张图片

参考: http://tools.jboss.org/blog/2014-09-17-CR1-for-luna.html

你可能感兴趣的:(AngularJS)