最新的2015年搭建MyEclipse2014+Spket+ExtJS411的开发环境介绍.docxVIP

2015年最新的搭建MyEclipse2014+Spket+ExtJS4.1.1的javascript开发环境介绍此篇文章凝聚了我近一个星期的心血，终于安装成功，网上很多以前写的文章好多已经不再适用了，在此将我的经验共享给大家，一来感谢网上贡献资料的网友，二来避免大家像我一样绕弯，闲话不多说，下面开始介绍。一 前期准备，方案选择及正确的下载文件刚开始安装了免费的Eclipse,大家可以看到安装成功了，工具栏有显示JSEclips,但打开.js文件没有找到匹配的括号的功能，这对编程很不方便，后来重装后干脆打开.js显示是空的，没办法只好放弃另寻出路。 安装收费的MyEclipse2014版本，这里不介绍，网上和淘宝上均有介绍。安装好后，　开始安装插件，可选JSElipse和Spket, 两者安装都容易，难在难在后续的另一个插件extJS,　JSElipse安装时遵照网上的说明，安装完JSEclipse用它随便打开一个.js文件,这时会出现 JSEclipse 菜单.选择 Add library，工具栏应有JSElipse, 但你可以看到下图并没有这一项，无法添加library. 因此，只有选择后者Spket，初学者要注意网上说的选用更新连接（Update Site）：/update/?来安装是行不通的，已经没有这个链接了，你必须从网上分别下载spket-1.6.23.zip文件和ext-4.1.1-gpl.zip文件，这两个我亲测过，其它的没有亲测。注意要选较高版本的spket，低版本的spket-1.6.18受限。MyEclipse2014安装完JSElipse插件，但工具栏没有JSElipse一项： 二 将Spket集成到MyEclipse解压好的Spket目录如下?? ? 2? 建议以link方式安装Spket到MyEclipse中 找到MyEclipse的安装目录 如?? ?3? 在MyEclipse 的根目录新建一个目录extjs 当然也可以随意命名 为了规范建议以extjs命名 从spket根目录eclipse目录开始全部复制到extjs目录下 如下图?? ? 4? 在MyEclipse安装根目录下的dropins下新建extjs.link 以文本编辑器的方式编辑第3步中的路径，如下图??文件extjs.link中内容如下，用你自己的实际位置：path=c\:\\Users\\Administrator\\AppData\\Local\\MyEclipse Professional 2014\\extjs\\eclipse 5 重新启动MyEclipse 选择 WindowPreferences 会发现增加了一个spket项 打开spketJavaScript Profiles??如下图：??? 6 点击窗体右边的New 新建一个Extjs 如下图??? 7 选择新建的Extjs 再选择右边的Add Library 选择 ExtJS 如下图???8 ?将你从网上下载的ext-4.1.1-gpl.zip文件解压，点击新添加的Extjs下面的ExtJS， 再选择右边的Add File 后, 在文件管理器中选择ExtJS根目录下的ext-all-dev.js文件。 最好不要有中文路径， 另外新建文件夹保存此文件， 如下图?????? 9 将第六步中新建的ExtJS设置为default 设置之后Extjs就会变成粗体显示 如下图????基本的配置就到这里了 这时候 要做的就是重新启动MyEclipse? 10? 重新打开MyEclipse后 新建一个JavaWEB项目，新建一个.js页面 输入Ext.之后 应该出现下面的提示就说明成功了??? 11 当然很多情况下 可能并不会这样轻易得成功 那么 我们还可以去注意一些设置是否正确了 如下图 11.1 查看是否设置好了文件引用 WindowPreferencesGeneralEditorsFile Associatior*.js选择Spket为default.?? 11.2?? 确认当前打开的.js文件是否是以spket Editor. 选择.js文件右键Open WithSpket JavaScript Editor。 11.3?? 另外我想需要注意的就是各个版本之间的冲突了, 我这一套版本确认是OK的? 11.4?? 以及软件的安装路径及所的涉及到路径的是否存在中, 很多时候由于中文引起的问题也不少, 这也需要注意的, 最好全部采用英文路径网上很多文章可能是以前写的，有一些方法已经不适用了，希望这篇文章能够帮助大家正确安装，在此表示感谢所有参考文章的网友作者！John写于2015.1.23于深圳春节假期1