原址: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文件,文件的内容如下:
- /// <reference path="ext-all-dev.js" />
这个和VS2010中实现只能提示的原理一样。需要注意的是ext-all-dev.js的路径,如果不是和_references.js在同一目录,记得补上相对路径。
经过这样处理后,就可以实现智能提示了,例如在JavaScript.js文件输入:
- var store = Ext.create(Ext.data.Store, {})
- store.
就会显示如下图的效果: