跳至內容

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:自由軟體