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.  

就会显示如下图的效果：