Eclipse(非J2EE版本)配置Extjs环境以及安装部署Tomcat
Eclipse(非J2EE版本)配置Extjs环境(Spket)
1. 安装spket插件,帮助->安装新软件->http://www.agpad.com/update。
2. 设置Spket使得编写代码时有提示,首先:window--preferences--Spket--Javascript Profiles,点击右侧的按钮New,随便输入一个名字,如Ext。点击ExtJS--Add Library,在下拉框中选择ExtJS;点击ExtJS--Add Filewindow--preferences--Spket--Javascript Profiles,点击右侧的按钮New,随便输入一个名字,如Ext。点击ExtJS--Add Library,在下拉框中选择ExtJS;点击ExtJS--Add File。添加如下文件即可:

3. 使Spket成为js文件的默认编辑器,General--Editors--File Association,把Spket设置为默认,如下设置:

4. 上述过程配置完毕后,不出意外,新建一个.js文件并在Eclipse中打开,输入Ext.之后就会弹出代码提示了。在Eclipse中编写.js后缀的代码就比较方便了,但是这样的配置在Eclipse中想要直接运行html文件还是不行的,需要安装配置tomcat环境。
Eclipse(非J2EE版本)+tomcat配置
1. 首先按照必要插件,Eclipse--Help--Install New Software,点击添加,名称随意:Kepler 位置:http://download.eclipse.org/releases/kepler,这是kepler版本的地址,其他版本的自行搜索,在:

选择安装如下一些插件:

我为了确保之后不会出现什么问题,把Web开发相关插件全部安装上了,如果仅仅安装除了JST以外的插件,在之后会出现没有tomcat的server runtime environment的情况。就像下面一样,所以必须安装JST插件:

2. 去http://tomcat.apache.org/下载安装Tomcat插件,版本自行选择,我选的是7.0版本,下载下来后,解压缩,把插件拷贝到java安装目录下的plugins文件夹里面。
3. 重启Eclipse后会看见
,表明插件载入成功。
4. window—preferences—Tomcat,设置Tomcat版本和路径,然后点击最左边的一个猫应该可以启动tomcat,但是我没有启动成功,遇到了两个错误,一个是权限问题,一个是端口问题,权限问题的话,去Tomcat安装文件夹下右击,属性下修改文件夹安全权限。而端口问题是因为我电脑中已经有一个程序占用了8080端口,因此需要修改tomcat的端口,tomcat端口的修改就是按照网站的方法修改server.xml里面的端口号,资料自行查找。

5. 最后,设置window—preferences—server—runtime environment,点击add,添加Tomcat路径信息等等。

6. 最后,还有非常非常重要的一步,要想自己的工程部署到Tomcat的webapps文件夹下面,首先选择window ----show view---services可以看到服务的面板,然后启动Tomcat服务,最后双击Tomcat v7.0 Server at localhost进入配制界面Service Locations,修改成如下配置,如下图(下图是我修改过的,原来的默认配置是Use workspace…):

大功告成,新建一个Dynamic web project,编写自己的html文件和js文件,导入Extjs的各种库文件,就可以让自己的程序跑起来了。欢迎一起学习交流。
Eclipse(非J2EE版本)配置Extjs环境以及安装部署Tomcat的更多相关文章
- 如何配置JAVA环境并安装IEAD软件
安装IDEA软件之前需要做哪些准备? 在安装IDEA软件之前,需要先确定电脑中有没有JDK,如果没有需要先安装JDK. JDK是整个JAVA的核心,包括了Java运行环境,Java工具(javac/j ...
- Hive环境的安装部署(完美安装)(集群内或集群外都适用)(含卸载自带mysql安装指定版本)
Hive环境的安装部署(完美安装)(集群内或集群外都适用)(含卸载自带mysql安装指定版本) Hive 安装依赖 Hadoop 的集群,它是运行在 Hadoop 的基础上. 所以在安装 Hive 之 ...
- windows下配置lamp环境(1)---安装Apache服务器2.2.25
window下lamp成为wamp; 安装wamp环境的第一步是安装Apache服务器.下面开始安装步骤图文并茂. 一.双击安装包点“next”进行下一步,然后同意协议(这张图没有截):
- 测试环境docker-swarm安装部署
测试环境swarm安装部署 部署前增加监听docker2375端口 centos 增加tcp监听端口 修改/lib/systemd/system/docker.service sed -i ‘s/Ex ...
- ubuntu14.04下配置Java环境以及安装最新版本的eclipse
首先是配置JDK 步骤一:下载最新版本的JDK,链接:http://www.oracle.com/technetwork/java/javase/downloads/index.html 步骤二:首先 ...
- 【环境配置】Linux环境下下载、配置java环境、安装eclipse、建立eclipse快捷方式详解
一.首先是下载Java JDK 到目前为止的最新版本为(jdk1.8.0_60),有两种方式进行下载: 1.使用shell来进行下载,可使用如下命令直接进行下载: wget --no-check-ce ...
- [知了堂学习笔记]_牵线Eclipse和Tomcat第一篇 —— 配置Java环境变量&&安装eclipse
一.先给他们提供一个"浪漫的"环境,比如传说中的"鹊桥"--java环境变量.哈哈! 配置java环境变量. 下载jdk,根据自己电脑的版本和操作位数选择不同的 ...
- 配置java环境 ,安装Android Studio...(ps:用eclipse也不错,但as是趋势 自己凭爱好选择)
to:青科大可爱的学弟学妹: 配置java环境 step1:下jdk 直接打开链接即可(ps:复制链接到迅雷下载更快哦) 64位的:http://download.oracle.com/otn-pub ...
- 4.7 Sublime Text3 中配置 Python环境 --之上安装Sublime 3
返回总目录 目录: 1.展示效果: 2.缺优分析: 3.下载Sublime Text3 (一)展示效果: 1.能够交互式编写Python代码: 2.可以编写文件式Python代码: 3.能够自动补齐代 ...
随机推荐
- java程序练习:x进制转Y进制
/*X进制到Y进制转换*/ /*Step1.提示用户输入数据的进制X *Step2.接收用户输入的数据,保存到X * Scanner方法 *Step3.接收用户输入X进制的数据,保存到num *Ste ...
- GitHub 有哪些优秀的项目
GitHub 有哪些优秀的项目 http://www.zhihu.com/question/20584141
- xfire for web-Service
1.0 XFire XFire是codeHaus组织提供的一个开源框架,它构建了POJO和SOA之间的桥梁,主要特性就是支持将POJO通过非常简单的方式发布成Web服务,这种处理方式不仅充分发挥了PO ...
- 3.7 spring-property 子元素的使用与解析
1.0 Property子元素的使用 property 子元素是再常用不过的了, 在看Spring源码之前,我们先看看它的使用方法, 1. 实例类如下: public class Animal { p ...
- ExtJS4.2学习(六)表格分页与通过后台脚本获得分页数据
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-12/175.html --------------- ...
- PAT-乙级-1034. 有理数四则运算(20)
1034. 有理数四则运算(20) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 本题要求编写程序,计算2个有理 ...
- Firefly 配置说明!
原地址:http://www.9miao.com/question-15-43023.html 下图一一个典型的config.json的配置:<ignore_js_op> "db ...
- android 多个listView的向下滚动设置 listView动态设置高度代码
墨迹天气图: 这里都是用的android里面的shape实现的,实现起来比较简单,只是在滚动的时候有点小麻烦... 当我们多个ListView超出了它的父控件LinearLayout的时候,它们每个L ...
- 实例讲解Nginx下的rewrite规则
一.正则表达式匹配,其中:* ~ 为区分大小写匹配* ~* 为不区分大小写匹配* !~和!~*分别为区分大小写不匹配及不区分大小写不匹配二.文件及目录匹配,其中:* -f和!-f用来判断是否存在文件* ...
- cache设计,以及多核造成的不一致性以及解决方案
http://www.360doc.com/content/11/1013/00/1317564_155625188.shtml http://blog.csdn.net/muxiqingyang/a ...