[EXTJS5學習筆記]第二十六節 在eclipse/myeclipse中使用sencha extjs的外掛程式，extjs5sencha

[EXTJS5學習筆記]第二十六節 在eclipse/myeclipse中使用sencha extjs的外掛程式，extjs5sencha

本文地址：http://blog.csdn.net/sushengmiyan/article/details/40507383

外掛程式下載: http://download.csdn.net/detail/sushengmiyan/8085851

本文作者：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  可以使用這個項目來生產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

開發web app想用sencha的架構，但是不知道怎匯入eclipse，還有用不用先裝extjs sdk？

首先ExtJS是純用戶端的架構, 使用JavaScript及CSS實現大部分GUI的標準控制項, 提供統一的編程介面, 解決了長期困擾開發人員的瀏覽器安全色性問題.

你提到的sencha架構應該是指的Ext GWT, 你可以理解為一個Jar包, 封裝了ExtJs, 可如同GUI編程一樣使用java代碼編寫Web頁面, 編譯產生html及ExtJs代碼. 開發過程相對繁瑣, 調試更是麻煩. 唯一的好處就是可以不用學習JavaScript.

相對於Sencha的Ext GWT, Google的GWT更完善一些, 有官方的Eclipse外掛程式及用於調試頁面JAVA代碼的GWT Code Server, 可以大大提高開發效率. 考慮到Google的技術實力, 怎麼也比Sencha的好用些. 而且關於Google GWT的開發資料要更多一些.

如果想使用ExtJs的作為前台展示的話, 還是使用純用戶端架構比較好, 靈活性及開發效率是GWT類架構不能比擬的. 不過對JavaScript技術的要求比較高
 
剛開始學extjs但是很迷茫，甚至不知道extjs是什我想在myeclipse下搭建extjs開發環境各位幫個忙

1.這個東西我沒用過，LZ可以百度一下或者到一些專門的論壇看看。
不過要myeclipse支援Ext，首先要安裝ExtJS外掛程式–Spket IDE ，步驟可以參照以下網址：
apps.hi.baidu.com/share/detail/32943359
2.在運用Ext進行開發的過程中是可以直接在頁面上引入js檔案的，至於環境，好像不用專門去搭建。
3.ext和extjs沒什麼區別，叫法不同而已。
4.安裝SpketIDE即可，不用專門去搭建環境，詳細步驟可按照第一點的網址，這裡也有圖解
apps.hi.baidu.com/share/detail/20987353
或者網上搜尋一下SpketIDE的安裝步驟，有很多。不過建議直接在myeclipse上以Software Updates的形式安裝該外掛程式，如果直接解壓壓縮檔到myeclipse安裝目錄的話往往會出現問題。

祝好運。