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)境的應用程序，一般包括程式碼編輯器、編譯器、偵錯器和圖形使用者介面等工具。整合了程式碼編寫功能、分析功能、編譯功能、調試功能等一體化的開發(fā)軟體服務套。所有具備這項特性的軟體或軟體套（組）都可以叫整合開發(fā)環(huán)境。如微軟的Visual Studio系列，Borland的C Builder、Delphi系列等。該程式可以獨立運行，也可以和其它程式並用。 IDE多被用來開發(fā)HTML應用軟體。例如，許多人在設計網站時使用IDE（如HomeSite、DreamWeaver等），因為許多任務會自動產生。

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

我們要如何選擇哪個IDE是最適合開發(fā)的呢？好吧，IDE的功能確實會對這個選擇產生影響。但總的來說，歸納起來就是每個開發(fā)者的喜好，是非常主觀的選擇。

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

1. Visual Studio Code

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

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

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

Visual Studio Code具有

• 支援多種語言(JavaScript, TypeScript等)?？梢栽诖税惭b自訂擴展，以支援c#、c 、Python等的生態(tài)系統(tǒng)。
• 語法高亮
• 使用IntelliSense自動完成
• 透過附加運行中的應用程式和包含斷點來偵錯程式碼的能力
• 捷徑以提高編碼效率
• 具有擴充功能以支援許多額外功能的市場（例如Docker擴充功能）
• 與Visual Studio Code Online的整合功能
• 透過擴充功能進行版本控制

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

是不是很酷？?

關於VS Code，也有一些缺點要注意。

• 如果您使用JavaScript以外的語言進行編碼，則可能需要花費一些時間和精力來為其設定環(huán)境。
• 由於它是基於Chrome構建的，因此會佔用大量記憶體。

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

2. Atom

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

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

Atom的一個缺點是它比VS Code慢。這是因為Atom透過擴充功能提供了大部分功能，而不是VS Code的內建功能。

但是，總的來說，Atom是21世紀功能豐富的可自訂IDE。

3. WebStorm

如果您已經在軟體產業(yè)工作了一段時間，那麼毫無疑問您聽說過IDE開發(fā)公司JetBrains。 WebStorm也是專注於JavaScript開發(fā)的JetBrains的一個產品。

它支援多種技術和語言，如JavaScript、HTML、CSS、Angular JS、TypeScript、Node.js、Meteor、ECMAScript、React、Vue.js、Cordova等。 WebStorm相容於Windows、Mac和Linux作業(yè)系統(tǒng)。

WebStorm的一些主要功能如下

• 智慧程式碼補全
• 多行待辦事項
• 自動重構程式碼
• Debugger
• 語法錯誤偵測
• 單元測試
• 使用箭頭函數轉換為變數
• 與VCS整合（Veritas Cluster Server）
• #參數提示
• #Git整合

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

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

4. IntelliJ IDEA

IntelliJ IDEA是JetBrains的另一個IDE。它有兩個版本：社群版和終極版。社群版是免費使用的，而終極版則需要購買授權。

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

• 高級程式碼完成
• 內建靜態(tài)程式碼分析器
• 適用於大多數應用程式伺服器的部署和偵錯工具
• 測試運行器使用者介面
• 程式碼覆蓋率
• Git整合
• #支援多種建置系統(tǒng)
• #廣泛的資料庫編輯器和UML設計器
• 支援Google App Engine，Grails，GWT
• 用於HTML，CSS和Java的智慧型文字編輯器
• 整合版本控制
• 自動執(zhí)行重複的程式設計任務

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

5. Brackets

如果你正在尋找一個流行於網頁設計的IDE，Brackets是你的首選。這專門支援網頁設計，方便以下幾點。

• 一組視覺工具。
• 預處理程序支援。

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

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

• 內聯(lián)編輯器。
• 即時預覽－讓您與瀏覽器進行即時連線；每當您進行變更時，您會立即在螢幕上看到變更。
• 預處理器支援－這允許你使用快速編輯和即時高亮LESS和SCSS檔案。

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

6.Microsoft Visual Studio

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

正如大家所知道的那樣，Visual Studio是一款開發(fā)適用於Android、iOS、Mac、Windows、Web 和雲端的應用，能夠快速導航、編寫並修復你的程式碼，實現輕鬆調試和診斷，根據你的喜好進行擴展和自訂，並實現有效協(xié)作。

7.Komodo

Komodo 提供高階JavaScript編輯、語法高亮、導航和調式功能，但還不包含JavaScript程式碼檢查功能，為此，你可以在shell中執(zhí)行JSHint。 Komodo IDE可以在 Windows、Mac OS X 和 Linux 上運行，並支援通用的開源語言 —— Python、Perl、PHP 和 Ruby。代碼智慧引擎非?？煽俊Ｋ鼟呙杷姓Z言安裝找到定制擴展，例如 PEAR 模組。在專案方面，它支援與 CVS、Subversion 和 Perforce 的集成，也允許直接向伺服器 FTP 傳遞程式碼。

總的來說，雖然Komodo不會稱得上最好，但也是一個足夠優(yōu)質的IDE，它可以通過FTP，SFTP，FTPS或SCP發(fā)布文件組，也可以同步文件，並檢測是否存在與他人的變更有潛在的發(fā)布衝突等現象。

【推薦學習：javascript進階教學】

以上是javascript有IDE嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！