ExtJS 搭建MyEclipse+ExtJS4.2.1开发环境

本文重点是MyEclipse嵌 Spket插件，在js中带提示信息。

 

OK 该进入主题了 从我的职业技术体系来分析 我选择以Java+ExtJS来作为系统的框架 那么在我心中自然最好的环境莫过于MyEclise+Spket+Tomcat

1. MyEclipse版本2013（MyEclipse Professional）下载地址http://www.myeclipseide.com

2. Apache-tomcat-6.0.35 下载地址http://tomcat.apache.org/download-60.cgi

3. Spket IDE 1.6.23 下载地址http://www.spket.com/ 

 

一 安装调试好MyEclipse与Tomcat 如何做 我就不详细写了 我相信这是一个程序员最基本的要求 也不是本文的重点

 

二 将Spket集成到MyEclipse

    1  解压好的Spket目录如下

       

 

   2  建议以link方式安装Spket到MyEclipse中 找到MyEclipse的安装目录 如

    

    3  在MyEclipse 的根目录新建一个目录extjs 当然也可以随意命名 为了规范建议以extjs命名 从spket根目录eclipse目录开始全部复制到extjs目录下 如下图

    

 

     4  在MyEclipse安装根目录少的dropins下新建extjs.link 以文本编辑器的方式编辑第3步中的路径 如下图

    

 

     5 重新启动MyEclipse 选择 Window>Preferences>  会发现增加了一个spket项 打开spket>JavaScript Profiles  如下图：

     

 

     6 点击窗体右边的New 新建一个Extjs 如下图

     

 

    7 选择新建的Extjs 再选择右边的Add Library 选择 ExtJS 如下图

    

 

    8  选择添加的ExtJS库 再选择右边的Add File 后 选择ExtJS根目录下的ext-all-dev.js文件(很多文章说是 用ext.jsb 文件，但是本人从extjs2中拷贝过来，测试后并没有什么卵用) ，最好不要有中文路径 另外新建文件夹保存此文件 如下图

     

     

 

     9 将第六步中新建的ExtJS设置为default 设置之后Extjs就会变成粗体显示 如下图

         

 

      基本的配置就到这里了 这时候 要做的就是重新启动MyEclipse

 

     10  重新打开MyEclipse后 新建一个JavaWEB项目，新建一个.js页面 输入Ext.之后 应该出现下面的提示就说明成功了

     

 

    11 当然很多情况下 可能并不会这样轻易得成功 那么 我们还可以去注意一些设置是否正确了 如下图

     11.1 查看是否设置好了文件引用 Window>Preferences>General>Editors>File Associatior>*.js>选择Spket为default.

     

     11.2   确认当前打开的.js文件是否是以spket Editor. 选择.js文件>右键Open With>Spket JavaScript Editor。

     11.3   另外我想需要注意的就是各个版本之间的冲突了 我这一套版本确认是OK的

     11.4   以及软件的安装路径 及所的涉及到路径的是否存在中文 很多时候由于中文引起的问题也不少 这也需要注意的 最好全部采用英文路径

 

三  OK 我想搭建环境到这一步就可以了