Eclipse與VS2012 實作ExtJs智能提示

原址：http://www.cnblogs.com/luotaoyeah/p/3803926.html

1 . 開發環境

• MyEclipse 12.0.0
• ExtJs 4.2.1.883
• Spket 1.6.23

2 . 下載下傳資源

• extjs 4.2.1.883 - http://www.sencha.com/products/extjs/download/ext-js-4.2.1/2281
• spket 1.6.23 - http://www.agpad.com/downloads/spket-1.6.23.zip
• spket 1.6.23 特别版 - 百度網盤
• ext-4.2.1.883.jsb2 - 百度網盤

3 . 安裝配置

• 解壓 spket-1.6.23.zip 到 MyEclipse安裝目錄 /dropins 檔案夾下，重新開機 MyEclipse，完成 spket 插件的安裝：

  

  

• 解壓 ext-4.2.1-gpl.zip ，将下載下傳的 ext-4.2.1.883.jsb2 拷貝到根目錄：

  

• 配置 Spket ，添加一個 Profile ，取名 extjs：

  

• 添加 Library ，選擇 ExtJS：

  

• 添加 File，選擇剛才複制的 ext-4.2.1.883.jsb2：

  

• 将 extjs 設定為 Default：

  

• 可将 *.js 檔案的預設編輯器設定為 Spket JavaScript Editor：

  

• 建立 test.js 檔案，用 Spket JavaScript Editor 打開，智能提示生效：

  

Visual Studio 2012太強大了，居然能自己會去提取Ext JS的類的屬性和方法，進而實作隻能提示。下面就來介紹一下實作這個功能。

在Visual Studio 2012中随便建立一個Web項目，我建立了一個空的Web項目，目錄結構如下圖所示：

關鍵就是Scripts中的_references.js檔案，檔案的内容如下：

1. /// <reference path="ext-all-dev.js" />  

這個和VS2010中實作隻能提示的原理一樣。需要注意的是ext-all-dev.js的路徑，如果不是和_references.js在同一目錄，記得補上相對路徑。

經過這樣處理後，就可以實作智能提示了，例如在JavaScript.js檔案輸入：

1. var store = Ext.create(Ext.data.Store, {})  
2. store.  

就會顯示如下圖的效果：