首先，負(fù)責(zé)的告訴題主，電腦可以同時安裝eclipse和idea，因為我就是同時安裝的eclipse和idea，兩者并不沖突。

Eclipse最初是由IBM公司開發(fā)的替代商業(yè)軟件Visual Age for Java的下一代IDE開發(fā)環(huán)境，2001年11月貢獻給開源社區(qū)，它由非營利軟件供應(yīng)商聯(lián)盟Eclipse基金會（Eclipse Foundation）管理。

IDEA 的全稱是 IntelliJ IDEA，它是java開發(fā)的一種集成開發(fā)環(huán)境。IntelliJ在編程界目前被公認(rèn)為最好的java開發(fā)環(huán)境，尤其是在智能提示、代碼重構(gòu)、JavaEE、各類工具(git、svn)、JUnit、CVS整合、代碼分析、 全新的的界面設(shè)計等方面的功能是超前的。IDEA是由JetBrains公司主導(dǎo)開發(fā)的產(chǎn)品，其總部位于捷克首都布拉格，開發(fā)人員以嚴(yán)謹(jǐn)著稱的東歐程序員為主。IDEA 分為免費版和收費版，免費版只支持Java,Kotlin等少數(shù)語言。

IDEA的宗旨是：“Develop with pleasure”，提倡智能編碼，減少程序員的工作。idea的許多功能超越了eclipse，有很多插件，智能提示功能也很強大。eclipse在前端的代碼提示與補全方面做得沒有idea好，eclipse作為老牌的開發(fā)工具自然也是有他的優(yōu)勢所在的，eclipse在更容易上手，idea需要配置的東西比較繁瑣，推薦還是學(xué)會用idea，idea雖然現(xiàn)在的上場率還是沒有eclipse高，但是是趨勢所在，特別是在框架項目方面。

如果你是新手，推薦你直接學(xué)習(xí)IDEA，緊跟時代潮流。如果你是老手慣用eclipse，也推薦學(xué)習(xí)一下idea做個了解。

1、電腦環(huán)境變量配置如下：

我的電腦（右鍵）→ → 屬性 → → 高級 → → 環(huán)境變量 → → （系統(tǒng)變量）新建 → →

變量名：java_HOME

變量值（Java安裝的目錄）：C:Program FilesJavajdk1.6.0_03

查看有沒有classpath變量名，

如果有的話就編輯，然后復(fù)制以下在后面添加：

;.;%JAVA_HOME%lib;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;

如果沒有的話，就新建 → →

變量名：classpath

變量值（java安裝的目錄）：

.;%JAVA_HOME%lib;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;

2、eclipse配置java

點eclipse菜單Window → → Preferences → → Java → → Installed JREs → → Add → → Standard VM → → Next → →

輸入以下對應(yīng)內(nèi)容：

JRE home(java JRE的安裝目錄): C:Program FilesJavajre1.6.0_03

JRE name：jre1.6.0_03

然后點擊Add External JARs ，添加C:Program FilesJavajre1.6.0_03lib下面的.jar文件以及ext文件夾下面的.jar文件。然后點擊Finish即可。到此配置完成！

前端的編輯器很多，這個也沒什么特殊的標(biāo)準(zhǔn)，哪個一定好，哪個一定不好，只要能高效、保質(zhì)保量的完成工作就行，下面我介紹幾款常用的前端代碼編輯器，感興趣的可以下載嘗試一下：

1.VS Code：這個是微軟開發(fā)的一個免費、開源、跨平臺的代碼編輯器，支持幾十種編程語言，包括Html，CSS，JS等，小巧靈活、運行效率高，支持常見的代碼高亮、語法提示、智能補全、錯誤檢查、Git等功能，而且插件擴展豐富，配置后，可直接調(diào)試運行Java，C++等程序，是一個很不錯的代碼編輯器，也很適合前端開發(fā)：

2.Sublime Text：這也是一個免費、跨平臺、小巧的代碼編輯器，支持的編程語言與VS Code差不多，輕便、靈活、運行效率較高，支持常見的代碼高亮、語法檢查、自動補全等功能，安裝相關(guān)插件后，也可以完成代碼的調(diào)試和運行，對于前端開發(fā)來說，也是一個很不錯的代碼編輯器：

3.Atom：這個是GitHub專門為廣大程序員開發(fā)的一個代碼編輯器，免費、開源、跨平臺，支持常見的Html，CSS ，JS，Java，C++等編程語言開發(fā)，代碼高亮、自動補全、語法提示、輕便靈活，是一個非常不錯的代碼編輯器：

4.Notepad++：這個大部分人都應(yīng)該聽說過，其實就是記事本的增強版，支持多達27種編程語言，包括前端的Html，CSS，Javascript等，自動補全、語法提示等功能也不錯，小巧靈活，使用方便，是一個很不錯的前端代碼編輯器：

5.Hbuilder：這個是國產(chǎn)的一個前端開發(fā)的IDE，專門用于web開發(fā)，界面柔綠、清爽護眼，支持常見的自動補全、語法提示等功能，還支持Markdown功能，可以將開發(fā)的前端網(wǎng)頁云端打包成安卓或iOS手機應(yīng)用，是一個非常不錯的前端編輯器：

6.WebStorm：這是一個重量級的Web開發(fā)IDE，由Jetbrains公司研發(fā)，Web開發(fā)的神器，常見的代碼高亮、智能補全、語法提示、Git等功能，這個軟件都支持，除此之外，還支持單元測試、代碼重構(gòu)、代碼分析等功能，在大型項目開發(fā)中，經(jīng)常會用到，是一個很不錯的前端IDE：

目前，就分享這6個前端開發(fā)的代碼編輯器吧，像其他的軟件，Editplus，IDEA，DW，Eclipse等也都可以，選擇適合自己的一個就行，希望以上分享的內(nèi)容能對你有所幫助吧，也歡迎大家評論、留言。