跳转到内容

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:自由软件