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