eclipse+spket+Extjs4.2.1开发环境搭建

鸣谢:http://blog.csdn.net/leimengyuanlian/article/details/18748599

http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893142.html

---------------------------------------------------------------------------

一、下载Extjs4.2.1

http://vzidc.newhua.com/down/ext-4.2.1-gpl.zip

或者在百度搜索关键字:ext-4.2.1-gpl.zip 进行下载。

下载后Extjs具体的版本号为:ext-4.2.1.883

二、下载spket插件

http://pan.baidu.com/share/link?shareid=334288&uk=3188520945

下载后spket的版本号为:spket-1.6.23

三、在eclipse中安装spket插件

1.解压rar文件,将里面的features文件夹和plugins文件夹里的文件复制到eclipse的根目录下的features文件夹和plugins文件夹里。

2.打开eclipse,选择window→proference→spket→javascript profiles→new (输入Ext JS4.2.1)。

3.选中Ext JS4.2.1,选择Add Library,在弹出的Select Library对话框中选择ExtJS。

4.点击Ext JS4.2.1,展开可以看到ExtJS,如下图:

5.点击ExtJS,选择Add File,在解压后的ExtJS文件夹下选择ext-all-dev.js(在根目录),注意整个路径不能出现中文。

6.选中Ext JS 4.2.1,设置默认(Default)。

7.将 js默认打开方式设为 spket。(如果不成功,请重复检查上面的步骤,重点检查第6步,设置默认成功之后"Ext JS 4.2.1"字体明显变黑)

8.重启Eclipse。

9.新建javascript文件,输入Ext+. 则会出现自动提示:

如果没有出现自动提示则右击你的JS文件,有个Open with - 选择spket JavaScript Editor。 如果仍旧没有出现提示则可以通过在项目文件上点击右键,选择“Reload Javascript Profiles”菜单,对javascript文件重新加载。

结语:第一次接触Extjs的朋友可能在搭建的环境时需要弄几次才好,特别提醒的是,不要下载Extjs后立即将其整个文件夹像用Easyui那样直接拷贝到项目中,那样会致使eclipse内存溢出而一直bulid workspace,这是因为Extjs是重量级的前台框架,体积挺大的,好像有300多M。还有就是如果碰见其他情况的问题建议直接更换eclipse的工作区间(Switch Workspace),一切重新开始。最后,如果你下载的是其他版本,具体的步骤可能有所不同,请参见本博客的所鸣谢的两篇文章。

时间: 2024-12-25 12:08:13

eclipse+spket+Extjs4.2.1开发环境搭建的相关文章

spark-windows(含eclipse配置)下本地开发环境搭建

spark-windows(含eclipse配置)下本地开发环境搭建   >>>>>>注意:这里忽略JDK的安装,JDK要求是1.8及以上版本,请通过 java  –version查看. 一.spark命令行环境搭建 Step1:安装Spark 到官网http://spark.apache.org/downloads.html选择相应版本,下载安装包.我这里下的是2.1.3版本,后面安装的Hadoop版本需要跟Spark版本对应.下载后找个合适的文件夹解压即可.这里新建

MonkeyRunner在Windows下的Eclipse开发环境搭建步骤(兼解决网上Jython配置出错的问题)

网上有一篇shangdong_chu网友写的文章介绍如何在Eclipse上配置MonkeyRunner,做了挺好的一个描述,但经过我的试验在我的环境上碰到了Jython解析器出错的问题,且该文章缺少Pydev安装的步骤,所以这里按照本人的情况从新撰文描述如何在Eclipse上把MonkeyRunner的开发环境搭建起来. 1.环境 首先需要先描述下本人配置的环境,因为不确定其他环境下配置是否会有轻微的差别. Eclipse版本 系统版本 安卓SDK提供的Jython Jar包版本和路径 2. P

Hadoop项目开发环境搭建(Eclipse\MyEclipse + Maven)

写在前面的话 可详细参考,一定得去看 HBase 开发环境搭建(Eclipse\MyEclipse + Maven) Zookeeper项目开发环境搭建(Eclipse\MyEclipse + Maven) Hive项目开发环境搭建(Eclipse\MyEclipse + Maven) MapReduce 开发环境搭建(Eclipse\MyEclipse + Maven) 我这里,相信,能看此博客的朋友,想必是有一定基础的了.我前期写了大量的基础性博文.可以去补下基础. 步骤一:File  ->

Intellij IDEA 14.1.4 Scala开发环境搭建

主要内容 Intellij IDEA开发环境简介 Intellij IDEA Scala开发环境搭建 Intellij IDEA常见问题及解决方案 Intellij IDEA常用快捷键 1. Intellij IDEA开发环境简介 具体介绍请参见:http://baike.baidu.com/link?url=SBY93H3SPkmcmIOmZ8H60O1k4iVLgOmdqoKdGp9xHtU-Pbdsq2cpn75ZPZPWAJxeUlwr0ravraQzOckh777beq Intelli

ExtJS4.x 开发环境搭建

需要的资源 ExtJS4.2 eclipse 开发环境搭建 在项目中国需要引用的文件: 测试页面代码: <%@ page language="java" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>ExtJs 演示</t

javacard开发环境搭建 Eclipse+jcop+jcdk 配置完成的开发环境

javacard  开发环境搭建 Eclipse+jcop+jcdk  配置完成的开发环境,下载后安装jdk,并完成环境变量配置,即可开发javacard applet: 虽然有许多大神提供配置说明,但是配置很麻烦.提供一个配置好的环境给大家.如果好用,别忘了评价. 由于csdn上传限制,需要分别下载几个文件 http://download.csdn.net/detail/wyx100/7941899 http://download.csdn.net/detail/wyx100/7941669

Hive项目开发环境搭建(Eclipse\MyEclipse + Maven)

写在前面的话 可详细参考,一定得去看 HBase 开发环境搭建(Eclipse\MyEclipse + Maven) Zookeeper项目开发环境搭建(Eclipse\MyEclipse + Maven) 我这里,相信,能看此博客的朋友,想必是有一定基础的了.我前期写了大量的基础性博文.可以去补下基础. 步骤一:File  ->  New  -> Project   ->  Maven Project 步骤二:自行设置,待会创建的myHBase工程,放在哪个目录下. 步骤三: 步骤四:

Spark+ECLIPSE+JAVA+MAVEN windows开发环境搭建及入门实例【附详细代码】

http://blog.csdn.net/xiefu5hh/article/details/51707529 Spark+ECLIPSE+JAVA+MAVEN windows开发环境搭建及入门实例[附详细代码] 标签: SparkECLIPSEJAVAMAVENwindows 2016-06-18 22:35 405人阅读 评论(0) 收藏 举报  分类: spark(5)  版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 前言 本文旨在记录初学Spark时,根据官网快速

phonegap 开发指南系列(3) ----在Eclipse中Android开发环境搭建

  前提条件:已在Eclipse中安装好Android SDK 和 ADT. 1.下载PhoneGap,解压. 2.用Eclipse新建一个安卓项目. 3.将phoneGap解压包里的Android文件夹下的phonegap-1.0.0.js 复制到安卓项目的 /assets/www/ 目录下. 4.将phoneGap解压包里的Android文件夹下的phonegap-1.0.0.jar 复制到安卓项目的 /libs 目录下. 5.在/assets/www/目录下新建一个index.html,内