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系列等。該程序可以獨(dú)立運(yùn)行，也可以和其它程序并用。IDE多被用于開發(fā)HTML應(yīng)用軟件。例如，許多人在設(shè)計(jì)網(wǎng)站時(shí)使用IDE（如HomeSite、DreamWeaver等），因?yàn)楹芏囗?xiàng)任務(wù)會(huì)自動(dòng)生成。

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

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

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

1. Visual Studio Code

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

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

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

Visual Studio Code具有

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

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

是不是很酷？

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

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

但是，順便說(shuō)一句，拋開缺點(diǎn)不談，這是一個(gè)最頂級(jí)的JavaScript開發(fā)IDE，如果你還沒(méi)有的話，你一定要看看它。

2. Atom

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

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

Atom的一個(gè)缺點(diǎn)是它比VS Code慢。這是因?yàn)锳tom通過(guò)擴(kuò)展提供了大部分功能，而不是VS Code的內(nèi)置功能。

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

3. WebStorm

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

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

WebStorm的一些主要功能如下

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

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

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

4. IntelliJ IDEA

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

這個(gè)IDE功能豐富，類似于我們之前講過(guò)的所有IDE。它的一些特點(diǎn)如下：

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

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

5. Brackets

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

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

與VS Code和Atom相似，Brackets也可免費(fèi)使用。

與其他編輯器相對(duì)，Brackets提供了一些獨(dú)特的功能。他們是，

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

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

6.Microsoft Visual Studio

盡管Visual Studio更適用于.NET IDE，而且也沒(méi)有WebStorm那樣適用于JS，但總的來(lái)說(shuō)，是一個(gè)十分不錯(cuò)的JavaScript IDE。

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

7.Komodo

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

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

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