javascript中有IDE，例如Visual Studio Code、Atom、WebStorm、IntelliJ IDEA、Brackets、Microsoft Visual Studio、Komodo等等。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

集成開發(fā)環(huán)境（IDE，Integrated Development Environment ）是用于提供程序開發(fā)環(huán)境的應(yīng)用程序，一般包括代碼編輯器、編譯器、調(diào)試器和圖形用戶界面等工具。集成了代碼編寫功能、分析功能、編譯功能、調(diào)試功能等一體化的開發(fā)軟件服務(wù)套。所有具備這一特性的軟件或者軟件套（組）都可以叫集成開發(fā)環(huán)境。如微軟的Visual Studio系列，Borland的C++ Builder、Delphi系列等。該程序可以獨立運行，也可以和其它程序并用。IDE多被用于開發(fā)HTML應(yīng)用軟件。例如，許多人在設(shè)計網(wǎng)站時使用IDE（如HomeSite、DreamWeaver等），因為很多項任務(wù)會自動生成。

每個開發(fā)人員都有自己喜歡的IDE。

我們?nèi)绾芜x擇哪個IDE是最適合開發(fā)的呢？好吧，IDE的功能確實會對這個選擇產(chǎn)生影響。但總的來說，歸納起來就是每個開發(fā)者的喜好，是一個非常主觀的選擇。

讓我們來看看一些用于JavaScript開發(fā)的最佳IDE。

1. Visual Studio Code

Visual Studio Code（又名VS Code）是微軟的產(chǎn)品。重要的是，不要把它和主要針對.NET開發(fā)的Visual Studio混為一談。

這是我遇到的最好的IDE之一。我相信，你們中的大多數(shù)人一定對這個IDE有親身體驗。它的功能非常強大和豐富，最重要的是，它是免費使用的。

盡管大多數(shù)開發(fā)者可能使用過VS Code，但并不是每個人都知道它的強大功能。因此，讓我們來看看其中一些，你就會明白這些年來你錯過了什么。

Visual Studio Code具有

• 支持多種語言(JavaScript, TypeScript等)?？梢栽诖税惭b自定義擴展，以支持c#、c++、Python等的生態(tài)系統(tǒng)。
• 語法高亮
• 使用IntelliSense自動完成
• 通過附加運行中的應(yīng)用程序和包括斷點來調(diào)試代碼的能力
• 快捷方式以提高編碼效率
• 具有擴展以支持許多額外功能的市場（例如Docker擴展）
• 與Visual Studio Code Online的集成功能
• 通過擴展進行版本控制

此外，Visual Studio Code還具有方便的遠程協(xié)作功能。這是通過微軟提供的名為Live Share的服務(wù)實現(xiàn)的。你可以邀請開發(fā)人員一起在你的項目中工作，你們可以同時編輯同一個文件。你甚至可以看到對方在文件上的光標(biāo)。

是不是很酷？

關(guān)于VS Code，也有一些缺點要注意。

• 如果您使用JavaScript以外的語言進行編碼，則可能需要花費一些時間和精力來為其設(shè)置環(huán)境。
• 由于它是基于Chrome構(gòu)建的，因此會占用大量內(nèi)存。

但是，順便說一句，拋開缺點不談，這是一個最頂級的JavaScript開發(fā)IDE，如果你還沒有的話，你一定要看看它。

2. Atom

Atom是一個開源IDE，在Visual Studio Code推出之前，它就獲得了很大的吸引力。它得到了GitHub的支持，這是它變得非常流行的另一個原因。Atom是一個Electron應(yīng)用程序。

Atom在很多方面與VS Code相似。它支持Windows、Mac和Linux。它是免費使用的，而且是在MIT授權(quán)下。它還具有自動完成代碼、支持多個項目和多節(jié)編輯等功能。

Atom的一個缺點是它比VS Code慢。這是因為Atom通過擴展提供了大部分功能，而不是VS Code的內(nèi)置功能。

但是，總的來說，Atom是21世紀(jì)功能豐富的可定制IDE。

3. WebStorm

如果您已經(jīng)在軟件行業(yè)工作了一段時間，那么毫無疑問您聽說過IDE開發(fā)公司JetBrains。WebStorm也是專注于JavaScript開發(fā)的JetBrains的一個產(chǎn)品。

它支持多種技術(shù)和語言，如JavaScript、HTML、CSS、Angular JS、TypeScript、Node.js、Meteor、ECMAScript、React、Vue.js、Cordova等。WebStorm兼容Windows、Mac和Linux操作系統(tǒng)。

WebStorm的一些主要功能如下

• 智能代碼補全
• 多行待辦事項
• 自動重構(gòu)代碼
• Debugger
• 語法錯誤檢測
• 單元測試
• 使用箭頭函數(shù)轉(zhuǎn)換為變量
• 與VCS集成（Veritas Cluster Server）
• 參數(shù)提示
• Git集成

與VS Code相比，WebStorm也有很多快捷鍵，這讓編碼變得更加方便快捷。

然而，這個IDE的一個主要缺點是它是專有軟件，你必須購買一個許可證才能在你的日常編碼中使用WebStorm。不過，JetBrains允許你在學(xué)生包和開源項目等少數(shù)場景下免費獲得WebStorm。

4. IntelliJ IDEA

IntelliJ IDEA是JetBrains的另一個IDE。它有兩個版本：社區(qū)版和終極版。社區(qū)版是免費使用的，而終極版則需要購買許可證。

這個IDE功能豐富，類似于我們之前講過的所有IDE。它的一些特點如下：

• 高級代碼完成
• 內(nèi)置靜態(tài)代碼分析器
• 適用于大多數(shù)應(yīng)用程序服務(wù)器的部署和調(diào)試工具
• 測試運行器用戶界面
• 代碼覆蓋率
• Git集成
• 支持多種構(gòu)建系統(tǒng)
• 廣泛的數(shù)據(jù)庫編輯器和UML設(shè)計器
• 支持Google App Engine，Grails，GWT
• 用于HTML，CSS和Java的智能文本編輯器
• 集成版本控制
• 自動執(zhí)行重復(fù)的編程任務(wù)

我認為IntelliJ IDEA有兩個主要的缺點。第一個也是最主要的缺點是社區(qū)版只支持開箱即用的Java和Kotlin，很少有其他語言作為插件。如果你想使用JavaScript，你將不得不選擇進入終極版，這不是免費的。這個IDE的下一個缺點是，它帶有一條陡峭的學(xué)習(xí)曲線。因此，如果你還不熟悉IntelliJ IDEA，你可能無法在一夜之間學(xué)會它。

5. Brackets

如果你正在尋找一個流行于網(wǎng)頁設(shè)計的IDE，Brackets是你的首選。這專門支持網(wǎng)頁設(shè)計，方便以下幾點。

• 一組視覺工具。
• 預(yù)處理程序支持。

與VS Code和Atom相似，Brackets也可免費使用。

與其他編輯器相對，Brackets提供了一些獨特的功能。他們是，

• 內(nèi)聯(lián)編輯器。
• 實時預(yù)覽——允許您與瀏覽器進行實時連接；每當(dāng)您進行更改時，您會立即在屏幕上看到更改。
• 預(yù)處理器支持——這允許你使用快速編輯和實時高亮LESS和SCSS文件。

不言而喻，這是最能支持Web設(shè)計和開發(fā)的IDE之一。

6.Microsoft Visual Studio

盡管Visual Studio更適用于.NET IDE，而且也沒有WebStorm那樣適用于JS，但總的來說，是一個十分不錯的JavaScript IDE。

正如大家所知道的那樣，Visual Studio是一款開發(fā)適用于 Android、iOS、Mac、Windows、Web 和云的應(yīng)用，能夠快速導(dǎo)航、編寫并修復(fù)你的代碼，實現(xiàn)輕松調(diào)試和診斷，根據(jù)你的喜好進行擴展和自定義，并實現(xiàn)有效協(xié)作。

7.Komodo

Komodo 提供高級JavaScript編輯、語法高亮、導(dǎo)航和調(diào)式功能，但是還不包括JavaScript代碼檢查功能，為此，你可以在shell中運行JSHint。Komodo IDE可以在 Windows、Mac OS X 和 Linux 上運行，并支持通用的開源語言 —— Python、Perl、PHP 和 Ruby。代碼智能引擎非?？煽俊Ｋ鼟呙杷姓Z言安裝找到定制擴展，比如 PEAR 模塊。在項目方面，它支持與 CVS、Subversion 和 Perforce 的集成，也允許直接向服務(wù)器 FTP 傳遞代碼。

總的來說，Komodo雖然稱不上最好，但也是一個足夠優(yōu)質(zhì)的IDE，它可以通過FTP，SFTP，F(xiàn)TPS或SCP發(fā)布文件組，也可以同步文件，并檢測是否存在與他人的更改存在潛在的發(fā)布沖突等現(xiàn)象。

【推薦學(xué)習(xí)：javascript高級教程】