本文地址:[http://blog.csdn.net/sushengmiyan/article/details/40507383](http://blog.csdn.net/sushengmiyan/article/details/40507383)
插件下載:?[http://download.csdn.net/detail/sushengmiyan/8085851](http://download.csdn.net/detail/sushengmiyan/8085851)[](http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext-method-each)
本文作者:[sushengmiyan](http://blog.csdn.net/sushengmiyan)
------------------------------------------------------------------------------------------------------------------------------------
### 介紹
sencha eclipse插件提供了一個集成的開發環境,方便javascript編寫,更方便ext js和sencha touch編寫高效、精確的代碼。這個插件是在VGET項目(java script的eclipse插件)中的。它將標準的文本編輯和簡單的javascript編寫替換為IDE開發環境下的帶功能等,具體方便如下:
1.代碼補全、代碼模板、快速精確的書寫javascript代碼向導。
2.查找javascript類型和繼承關系的能力,等等
3.類似java的語法檢查,幫助查找錯誤。
4.javascript的運行測試以及調試。
插件還提供了其他的一些java的IDE類似功能,如高亮顯示、語法高亮等等。
對于extjs和sencha touch來說,插件提供了如下的性能:
1.代碼助手
? ? Ext的全局變量、包路徑、屬性、方法等
? ? ?指定類型的方法
? ? ?一個類型的全部描述信息顯示
2.支持如下:
? JSDuck類型的文檔生成器,像@參數{String/Date[]}我的參數
? 工廠化方法推斷:如Ext.create
? 對象迭代助手,像Ext.application{}
? 匿名函數,像Ext.each
? 單例,如Ext.Date
? 使用xtype來配置選項
?給Ext.create函數增加如fullname xtype以及alias等配置
對Ext.define也同樣優秀的支持
已知的合法性檢查
?減少對方法的引用的時候會提示警告
?當傳入不正確的配置的時候會報錯
sencha eclipse plugin可以和JSDuck協同工作
JSDuck在github上的路徑為:[https://github.com/senchalabs/jsduck](https://github.com/senchalabs/jsduck)? 可以使用這個項目來生產extjs的文檔。
下面是一些支持的一些類型注解
@return ?@private @property @protected @type @cfg @param
根據名字都應該知道具體的意思了,不過多闡述
### 下面重點說說這個插件的安裝
要想安裝使用這個插件,需要做三步:
1. 安裝eclipse的3.7或者4.0、4.1版本(indigo/juno)注意,還沒有使用aptana測試呢
2.安裝VJET和sencha eclipse插件
3.導入extjs和sencha touch 類庫
安裝eclipse就自行安裝吧
### 安裝VJET和Extjs插件
如果有安裝之前版本的這個插件,請先卸載。
1.解壓下載的這個插件包
2.在eclipse/myeclipse中,選擇 help/install new software(在myeclipse2014中,選擇install from site)
彈出選擇框后,選擇剛剛解壓的那個插件包,注意這是30天試用版本哦。
3.將VJET和extjs插件一起選中,安裝。
### 導入extjs的類庫
注意選擇合適的jstl包。如 ExtJSTL-4.0.7-gpl.zip
在eclipse/myeclipse中選擇 文件 導入,進入導入向導。選擇general-existing projects ->next
過程中出現錯誤可以忽略。
這個完成之后,還需要在新建工程的時候,選擇新建VGET工程,然后將代碼包含到工作空間。
OK,到此就可以了。感覺很費勁!
插件下載地址:[http://download.csdn.net/detail/sushengmiyan/8085851](http://download.csdn.net/detail/sushengmiyan/8085851)
- 前言
- [EXtJS5學習筆記]第一節 Sencha Cmd 學習筆記 簡介 Sencha Cmd是什么
- [ExtJS5學習筆記]第二節 Sencha Cmd 學習筆記 使你的sencha cmd跑起來
- [ExtJS5學習筆記]第三節 sencha cmd學習筆記 生成應用程序構建的內部細節
- [ExtJS5學習筆記]第四節 歡迎來到extjs5-手把手教你實現你的第一個應用
- [ExtJS5學習筆記]第五節 使用fontawesome給你的extjs5應用增加字體圖標
- [ExtJS5學習筆記]第六節 Extjs的類系統Class System命名規則及定義和調試
- [ExtJS5學習筆記]第七節 Extjs5的組件components及其模板事件方法學習
- [ExtJS5學習筆記]第八節 Extjs5的Ext.toolbar.Toolbar工具條組件及其應用
- [ExtJS5學習筆記]第九節 Extjs5的mvc與mvvm框架結構簡介
- [ExtJS5學習筆記]第十節 Extjs5新增特性之ViewModel和DataBinding
- [ExtJS5學習筆記]第十一節 Extjs5MVVM模式下系統登錄實例
- [ExtJS5學習筆記]第十二節 Extjs5開發遇到的問題列表記錄
- [ExtJS5學習筆記]第十三節 Extjs5的Ext.each方法學習
- [ExtJS5學習筆記]第十四節 Extjs5中data數據源store和datapanel學習
- [ExtJS5學習筆記]第十五節 Extjs5表格顯示不友好?panel的frame屬性在作怪
- [ExtJS5學習筆記]第十六節 Extjs5使用panel新增的ViewModel屬性綁定數據
- [ExtJS5學習筆記]第十七節 Extjs5的panel組件增加accodion成為折疊導航欄
- [ExtJS5學習筆記]第十八節 Extjs5的panel的dockeditems屬性配置toolbar
- [ExtJS5學習筆記]第十九節 Extjs5中通過設置form.Panel的FieldSet集合屬性控制多個field集合
- [ExtJS5學習筆記]第二十節 Extjs5配合數組的push方法,動態創建并加載組件
- [ExtJS5學習筆記]第二十一節 Extjs5中使用config配置給ext.widget或者create方法傳遞參數
- [ExtJS5學習筆記]第二十二節 Extjs5中使用beforeLabelTpl配置給標簽增加必填選項星號標志
- [ExtJS5學習筆記]第二十三節 Extjs5中表格gridpanel的列格式設置
- [ExtJS5學習筆記]第二十四節 Extjs5中表格gridpanel或者表單數據后臺傳輸remoteFilter設置
- [ExtJS5學習筆記]第二十五節 利用window.open()函數實現ExtJS5的登陸頁面跳轉
- [EXTJS5學習筆記]第二十六節 在eclipse/myeclipse中使用sencha extjs的插件
- [ExtJS5學習筆記]第二十七節 CMD打包錯誤 Error C2009: YUI Parse Error (identifier is a reserved word => debugger;)
- [ExtJS5學習筆記]第二十八節 sencha ext js 5.1.0發布版本正式發布 extjs doc下載地址
- [ExtJS5學習筆記]第二十九節 sencha ext js 5.1.0中動態更換皮膚主題
- [ExtJS5學習筆記]第三十節 sencha extjs 5表格gridpanel分組匯總
- [ExtJS5學習筆記]第三十一節 sencha extjs 5使用cmd生成的工程部署到tomcat服務器
- [ExtJS5學習筆記]第三十二節 sencha extjs 5與struts2的ajax交互配置
- [ExtJS5學習筆記]第三十五節 sencha extjs 5 組件查詢方法總結