Eclipse Web编程

Eclipse是著名的跨平台开源集成开发环境(IDE)。最初主要用来Java语言开发,目前亦有人通过插件使其作为C++PythonPHP等其他语言的开发工具。

Eclipse的本身只是一个框架平台,但是众多插件的支持,使得Eclipse拥有較佳的灵活性,所以许多软件开发商以Eclipse为框架开发自己的IDE。

安装 Eclipse 编辑

Eclipse运行需要Java运行环境。用户可以安装JRE,如果也需要进行Java开发,可以安装JDK/OpenJDK。JRE可以在 http://www.java.com/ 下载。JDK可以在 http://www.oracle.com/technetwork/java/javase/downloads/index.html 下载。Linux用户可以在软件包管理器/软件商店中安装OpenJDK。

Eclipse是自由软件,可以从eclipse.org或者镜像站点免费下载使用。官方下载地址为:http://eclipse.org/downloads/

Eclipse目前的最新稳定版为Kepler (4.3)。用户需要选择正确的操作系统类型,一般情况下网页会自动检测到当前操作系统的类型。如果要在64位 openSUSE 12.3 上运行,则应选择Linux 64bit。之后需要在Eclipse Standard以及各种不同的衍生版间选择。如果只需要进行Web编程,则可以选择Standard。当然,选择其它衍生版也是可以的,它们都包含完整的Eclipse框架。

下载完成后,将压缩包解压,运行文件夹里面的eclipse.exe(Windows)或eclipse(Linux)即可。

安装Web插件 编辑

运行Eclipse,如果是第一次运行进入欢迎界面,请跳过进入Workbench。

Eclipse是一个基础框架,具有最基本的借口系统。它的大部分功能都是通过插件实现的。安装不同的插件组合,就会得到不同功能的Eclipse。这次我们要安装Web插件,将Eclipse改造成一个Web IDE。

在菜单栏选择 Help > Install New Software,打开插件安装对话框。在顶部的Work With框的下拉菜单中选择“ Kepler - http://download.eclipse.org/releases/kepler ”(如果您所用的版本不同,应选择对应版本)。如果没有此选项,也可以手工添加。之后会刷新插件列表,用户可以在其中勾选想要安装的插件。

Web开发需要的插件包括:

  • Eclipse Web Developer Tools
  • JavaScript Development Tools
  • PHP Development Tools

如果您有其他开发需求,如XML,Java,请勾选相应的插件。

 
安装Eclipse Web开发工具的截图

勾选这些插件,然后点击Next,同意许可协议,完成安装。安装完插件后,会提示您重启Eclipse,使新安装的插件生效。

切换工作台视角 编辑

 
Eclipse工作台视角切换图标
 
将Eclipse工作台切换到Web视角
 
将Eclipse工作台切换到Web视角后,视角栏显示Web图标

新建项目和文件 编辑

新建项目 编辑

 
Eclipse新建Web项目
 
Eclipse新建Web项目。Web项目设置选项。
 
Eclipse新建Web项目。选择项目路径和内容文件夹。
 
Eclipse新建Web项目。新建完成的项目。

新建文件夹 编辑

 
在Eclipse Web项目中添加文件和文件夹。
 
Eclipse Web项目中新建文件夹。选择创建位置。
 
Eclipse Web项目中新建文件夹。创建好的文件夹。

新建HTML文件 编辑

 
在Eclipse Web项目中新建HTML文件。选择创建位置。
 
在Eclipse Web项目中新建HTML文件。选择HTML模板。
 
在Eclipse Web项目中新建HTML文件。从HTML5模板创建的HTML文件。

新建JavaScript文件 编辑

 
Eclipse Web项目中新建JavaScript文件。选择创建位置

<Subject:自由软件