可用的編輯器有：1、Sublime Text，是一個(gè)高度可配置和可擴(kuò)展的文本編輯器；2、vscode，是一個(gè)的免費(fèi)的輕量級(jí)編輯器和IDE；3、Brackets，是一個(gè)免費(fèi)的開(kāi)源編輯器；4、Atom，是一個(gè)開(kāi)源、可編程的編輯器；5、WebStorm，是一種輕量級(jí)的IDE；6、Komodo Edit，是一個(gè)多語(yǔ)言編輯器；7、Notepad++，是一個(gè)開(kāi)源的編輯器和記事本。

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)

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

JavaScript編輯器

Sublime Text

如果你想要一個(gè)靈活、強(qiáng)大、可擴(kuò)展的文本編輯器，它能夠如閃電般快速運(yùn)行，并且支持切換到其它窗口進(jìn)行代碼檢查、調(diào)試和部署，那么可以考慮使用Sublime Text。

除了速度較快以外，Sublime Text還有許多值得注意的優(yōu)勢(shì)，它涵蓋了70多種文件類型，其中包括JavaScript、HTML和CSS; 即時(shí)導(dǎo)航和即時(shí)項(xiàng)目切換; 多選項(xiàng)（一次進(jìn)行一系列更改），包括列選擇（一次選擇文件的一個(gè)矩形區(qū)域）; 多窗口（使用你的所有顯示器窗口）和拆分窗口; 使用簡(jiǎn)單的JSON文件進(jìn)行完整的自定義; 基于Python的插件API; 一個(gè)統(tǒng)一的、可搜索的命令板。

對(duì)于使用其它編輯器的程序員來(lái)說(shuō)，Sublime Text支持TextMate包（不包括命令）和Vi / Vim仿真。

Sublime Text是一個(gè)高度可配置和可擴(kuò)展的文本編輯器。它包含超過(guò)50種語(yǔ)法，其中包括JavaScript，它可以使用Sublime軟件包和TextMate語(yǔ)法定義進(jìn)行擴(kuò)展?？梢阅軌蛲ㄟ^(guò)少量按鍵來(lái)安裝Babel（React）和TypeScript（Angular）的語(yǔ)法和支持。

Sublime Text支持多個(gè)窗口、拆分窗口，每個(gè)項(xiàng)目可以有多個(gè)工作區(qū)、多個(gè)視圖以及包含視圖的多個(gè)窗格。當(dāng)想要整合、調(diào)試和測(cè)試空間時(shí)，使用所有的屏幕空間會(huì)變得相當(dāng)簡(jiǎn)單的。Sublime Text還支持所有內(nèi)容的自定義：顏色，文本字體，全局鍵綁定，制表符停止，特定文件的鍵綁定和代碼段，甚至語(yǔ)法突出顯示規(guī)則等。Sublime Text的編碼文件默認(rèn)為JSON文件，語(yǔ)言定義默認(rèn)是XML。

Sublime Text有一個(gè)活躍的用于創(chuàng)建和維護(hù)Sublime Text包和插件的社區(qū)。Sublime Text缺少的許多功能，包括JSLint和JSHint接口，JsFormat，JsMinify，PrettyJSON和Git支持 ，都可以通過(guò)社區(qū)使用Package Installer來(lái)實(shí)現(xiàn)。

官網(wǎng)鏈接：http://www.sublimetext.com/

下載地址：http://www.sublimetext.com/3

Visual Studio Code（vscode）

Visual Studio Code是一個(gè)的免費(fèi)的輕量級(jí)編輯器和IDE，它是Microsoft發(fā)布的。它具有Visual Studio組件，能與開(kāi)源的Atom Electron shell混合使用。它對(duì)于使用C＃進(jìn)行ASP.Net Core的開(kāi)發(fā)，提供了極好的支持；同時(shí)它也通過(guò)TypeScript和JavaScript為Node.js的開(kāi)發(fā)，提供了極好的支持。不同于Visual Studio僅在Windows上支持的慣例，Visual Studio Code也能在MacOS和Linux上運(yùn)行。

由于包含了TypeScript編譯器和Salsa引擎，Visual Studio Code具有非常好的JavaScript代碼完成功能。Visual Studio Code會(huì)將JavaScript代碼發(fā)送到后臺(tái)的TypeScript編譯器來(lái)推斷類型并構(gòu)建符號(hào)表。你可以在屏幕圖像底部的框中看到hasOwnProperty方法的信息。

相同的符號(hào)表使得IntelliSense能夠在整個(gè)表達(dá)式的輸入過(guò)程中，為你提供出色的彈出式選項(xiàng)列表。你可以獲得以下功能：填入后自動(dòng)關(guān)閉、自動(dòng)填寫(xiě)完成選項(xiàng)、鍵入后的自動(dòng)方法列表和方法中的自動(dòng)參數(shù)列表。你可以通過(guò)從DefinitelyTyped添加對(duì)d.ts文件的引用，來(lái)增強(qiáng)IntelliSense。當(dāng)你識(shí)別常見(jiàn)問(wèn)題（例如使用Node.js內(nèi)置變量中的__dirname）時(shí)，Visual Studio Code將為你提供這些功能。

Visual Studio Code是一個(gè)免費(fèi)的輕量級(jí)編輯器和IDE，用于Node.js和ASP.Net 開(kāi)發(fā)。它結(jié)合了Microsoft技術(shù)，例如TypeScript編譯器、Roslyn .Net編譯器和Atom使用的Electron shell。Visual Studio Code適用于Windows，MacOS和Linux平臺(tái)。

Visual Studio Code的Git支持非常好，使用起來(lái)很簡(jiǎn)單。Visual Studio Code調(diào)試器為Node.js和ASP.Net開(kāi)發(fā)提供了出色的調(diào)試體驗(yàn)。Visual Studio Code具有非常好的HTML，CSS，Less，Sass和JSON工具，這個(gè)工具是基于與Internet Explorer F12開(kāi)發(fā)人員工具相同的技術(shù)。此外，Visual Studio Code可以與外部任務(wù)運(yùn)行程序（如gulp和jake）進(jìn)行可定制的集成。

Visual Studio Code有著強(qiáng)大的插件生態(tài)系統(tǒng)，例如支持Angular和React。推薦可以在使用JavaScript和TypeScript框架和庫(kù)構(gòu)建應(yīng)用程序時(shí)使用Visual Studio Code。

官網(wǎng)鏈接：https://code.visualstudio.com/

下載地址：https://code.visualstudio.com/Download

WebStorm

WebStorm是由JetBrains為JavaScript項(xiàng)目開(kāi)發(fā)和維護(hù)的付費(fèi)集成開(kāi)發(fā)環(huán)境。 可用于Node.js應(yīng)用程序和客戶端應(yīng)用程序的調(diào)試器，針對(duì)測(cè)試運(yùn)行程序，REST客戶端，單元測(cè)試以及與VCS（例如GitHub，Mercurial）的集成開(kāi)發(fā)平臺(tái)。

您可以使用WebStorm在Angular，React，Vue.js，react Native，Electron，Node.js，Meteor，Cordova和Ionic中構(gòu)建項(xiàng)目。 WebStorm并不是免費(fèi)使用軟件，但可以免費(fèi)評(píng)估使用30天。

Brackets

Brackets是一個(gè)免費(fèi)的開(kāi)源編輯器，最初來(lái)自于Adobe，旨在為JavaScript，HTML和CSS提供更好的工具以及相關(guān)的開(kāi)放式Web技術(shù)。Brackets本身是用JavaScript，HTML和CSS編寫(xiě)的。除了內(nèi)置功能外，Brackets還有一個(gè)擴(kuò)展管理器，用于擴(kuò)展前端開(kāi)發(fā)人員使用的許多語(yǔ)言和工具。Brackets不像Sublime Text和TextMate那樣運(yùn)行的很快，但除了從網(wǎng)絡(luò)加載或更新程序內(nèi)容的暫停之外，它仍然運(yùn)行的非?？臁?/p>

Brackets不僅對(duì)JavaScript，CSS，HTML和Node.js有著很好的支持，它還具有一些其它很棒的功能，例如與HTML ID相關(guān)的CSS在線編輯。此外，Brackets有著一個(gè)簡(jiǎn)潔的UI界面和編輯時(shí)網(wǎng)頁(yè)的實(shí)時(shí)預(yù)覽。對(duì)于免費(fèi)的代碼編輯器來(lái)說(shuō)，Brackets是一個(gè)很好的選擇。

Brackets擴(kuò)展也是用JavaScript編寫(xiě)的，還可以調(diào)用Node.js模塊。與大多數(shù)在選項(xiàng)卡中顯示打開(kāi)文件的編輯器不同的是，Brackets具有顯示在文件樹(shù)上方的工作文件列表。

Brackets的JavaScript自動(dòng)完成功能非常好，自動(dòng)填寫(xiě)各類括號(hào)的結(jié)束括號(hào)，以及jQuery方法中鍵入$之后的關(guān)鍵字、變量和方法的自動(dòng)下拉菜單。Brackets可以控制Node.js的調(diào)試器，并從菜單項(xiàng)中重新啟動(dòng)Node。Brackets可以很方便的添加附加功能的擴(kuò)展（例如TypeScript和JSX支持，Bower集成和Git集成）。

快速編輯、快速保存文檔、快速打開(kāi)文件和實(shí)時(shí)預(yù)覽均有助于簡(jiǎn)化Web應(yīng)用程序編輯，讓你專注于編碼或設(shè)計(jì)。Brackets也有一些缺點(diǎn)，例如一些Brackets擴(kuò)展很難配置，不像Emacs軟件包或Vim插件那樣容易。

官網(wǎng)鏈接：http://brackets.io/

下載地址：https://github.com/adobe/brackets/releases/download/release-1.9/Brackets.Release.1.9.msi

Atom

Atom 1.15.0是一款GitHub上的免費(fèi)的開(kāi)放源代碼、可編程的編輯器，適用于Windows，MacOS和Linux平臺(tái)，它與GitHub應(yīng)用程序集成在一起，擁有很多個(gè)可用的軟件包和主題。

Atom源代碼位于GitHub上，它是用CoffeeScript編寫(xiě)的，與Node.js集成在一起。Atom是Chromium瀏覽器的一個(gè)特殊的存在，它被設(shè)計(jì)成一個(gè)文本編輯器而不是一個(gè)Web瀏覽器; 每個(gè)Atom窗口本質(zhì)上都是一個(gè)本地呈現(xiàn)的網(wǎng)頁(yè)。

當(dāng)Atom不自動(dòng)更新時(shí)，性能是非常好的。它具有一些非常棒的功能，例如模糊搜索、快速項(xiàng)目搜索和替換、多個(gè)光標(biāo)和選擇、多個(gè)窗格、代碼段、代碼折疊以及導(dǎo)入TextMate語(yǔ)法和主題的功能。Atom可以安裝兩個(gè)命令行實(shí)用程序：Atom，用于從shell啟動(dòng)編輯器；APM，用于管理Atom的軟件包。

官網(wǎng)鏈接：https://atom.io/

下載地址：https://atom.io/download/windows_x64

Komodo Edit

Komodo Edit 是ActiveState的一個(gè)免費(fèi)的，縮小功能版本的Komodo IDE，它是一個(gè)很酷的多語(yǔ)言編輯器。

如果你喜歡Komodo IDE但是卻支付不起，那么Komodo Edit會(huì)是你的一個(gè)好選擇。Komodo Edit不是一個(gè)IDE，所以你需要在編輯器外完成代碼控制。

它不提供實(shí)時(shí)代碼收集功能，如果你獨(dú)立開(kāi)發(fā)，不與其他人合代碼，就沒(méi)有任何問(wèn)題。它也不提供HTTP檢查器。Komodo Edit具有與Komodo IDE相同的編輯功能，但缺少代碼重構(gòu)、調(diào)試、單元測(cè)試、源代碼控制集成以及其他適合于IDE的功能。

在任何情況下，Komodo Edit可以免費(fèi)滿足你的JavaScript編輯需求，并為編輯HTML，CSS，Python，Perl，Ruby，Tcl和其它編程提供標(biāo)記語(yǔ)言。

官網(wǎng)鏈接：https://www.activestate.com/komodo-ide/downloads/edit

下載地址：https://www.activestate.com/komodo-ide/downloads/edit

Notepad ++

Notepad ++是一個(gè)免費(fèi)的開(kāi)源Windows源代碼編輯器和記事本，非常適合于編輯JavaScript。它支持約50種編程和標(biāo)記語(yǔ)言。除了其多個(gè)文檔編輯窗口之外，它還具有工作區(qū)樹(shù)視圖、功能列表選項(xiàng)卡和文檔映射選項(xiàng)卡。它的加載時(shí)間足夠快，性能足夠強(qiáng)，不會(huì)讓你感到速度慢。

使用語(yǔ)法著色和折疊功能、可編輯功能（包括列模式編輯和正則表達(dá)式、支持搜索和替換）以及一定量的功能完成和參數(shù)提示功能，Notepad++可以輕松地成為JavaScript的首選代碼編輯器。然而，它還不是全面的JavaScript編輯器，它還不能生成代碼，執(zhí)行諸如重構(gòu)的操作，并在大型項(xiàng)目中快速導(dǎo)航。

官網(wǎng)鏈接：https://notepad-plus-plus.org/

下載地址：https://notepad-plus-plus.org/download/v7.3.3.html

BBEdit

BBEdit 11.0.3是一個(gè)文本編輯器，僅用于Mac的HTML，它支持約35種編程和標(biāo)記語(yǔ)言，社區(qū)版還通過(guò)BBEdit網(wǎng)站提供了對(duì)許多其它語(yǔ)言的支持。許可版和社區(qū)版都有語(yǔ)法高亮；許可版還有一定量的自動(dòng)完成功能，主要用于功能名稱、變量名稱、少量的關(guān)鍵字和標(biāo)簽。許可版還能與Git，Perforce和Subversion版本控制系統(tǒng)集成。

BBEdit 11是該產(chǎn)品的重大改寫(xiě)，這個(gè)版本比以前更加快速，并且還能夠很好地處理Ginormous文件。它具有將選擇或查找結(jié)果復(fù)制到新緩沖區(qū)中的提取功能，以及剪切功能。BBEdit可以編輯和運(yùn)行Perl，Python，Ruby，和Shell腳本，以及檢查Perl和Python腳本的語(yǔ)法。

BBEdit對(duì)HTML和Markdown的支持實(shí)際上比其對(duì)JavaScript支持更好。你可以為BBEdit安裝三個(gè)命令行工具：一個(gè)用于編輯器，一個(gè)用于差異引擎，最后一個(gè)用于多媒體搜索。

官網(wǎng)鏈接：http://www.barebones.com/products/bbedit/

下載地址：https://s3.amazonaws.com/BBSW-download/BBEdit_11.6.6.dmg

TextMate

TextMate曾經(jīng)主要用于在MacBook上編寫(xiě)Ruby on Rails，但是現(xiàn)在TextMate變得不那么突出了，與此同時(shí)Sublime Text逐漸收到了歡迎。

TextMate不是一個(gè)IDE，但是它卻提供了軟件包、代碼段、宏和范圍系統(tǒng)等語(yǔ)言特定的IDE都缺少的功能。TextMate現(xiàn)在提供了簡(jiǎn)單的JavaScript和jQuery的捆綁包，它們?yōu)榭焖偕蒍avaScript和jQuery代碼提供了一系列不錯(cuò)的工具。要想具有類似于IDE的功能，你可以使用TextMate的shell集成版本，但不要期待TextMate可以進(jìn)行代碼重構(gòu)、自動(dòng)單元或回歸測(cè)試。如果正確設(shè)置了Grunt，那么TextMate就可以自動(dòng)執(zhí)行JavaScript測(cè)試。

TextMate有一個(gè)捆綁包首選項(xiàng)標(biāo)簽，從中可以下載并安裝其他捆綁包。捆綁源，實(shí)際上是產(chǎn)品駐留在GitHub存儲(chǔ)庫(kù)中的源代碼。

官網(wǎng)鏈接：http://macromates.com/

下載地址：http://macromates.com/download

Emacs

Emacs及其衍生來(lái)自于自20世紀(jì)70年代初以來(lái)的MIT AI實(shí)驗(yàn)室。Emacs從作為TECO文本編輯器的宏開(kāi)始，逐步發(fā)展獨(dú)立。默認(rèn)安裝在MacOS上的Emacs是22.1.1版本，沒(méi)有GUI支持。你可以輕松地安裝XEmacs，Aquamacs（MacOS的GUI）和更新的GNU Emacs版本。Emacs作為JavaScript編輯器，編輯JavaScript的默認(rèn)模式是在js包中，使用Emacs可以獲得更好的語(yǔ)法高亮和linting。

Emacs使用js2模式包，并使用ac-js2自動(dòng)完成。在Emacs中，你可以使用串行模式獲取實(shí)時(shí)瀏覽器JavaScript，HTML和CSS交互。

官網(wǎng)鏈接：https://emacsformacosx.com/

下載地址：https://emacsformacosx.com/emacs-builds/Emacs-25.2-universal.dmg

Vim（and variants）

Vi（visual interface）最初由Bill Joy為Unix撰寫(xiě)，自1976年開(kāi)始，逐漸由Ed向Ex演變。Vim是一個(gè)免費(fèi)的、開(kāi)源的、改進(jìn)版的Vi；默認(rèn)安裝在Mac OS X上的是7.3版本。

你可以輕松安裝Vim的更新版本，MacVim（MacOS的GUI）或任何適用于你的平臺(tái)的功能。Vim作為JavaScript編輯器，它的vim-plug readme文件中的建議是相當(dāng)好的。

官網(wǎng)鏈接：http://www.vim.org/

下載地址：http://www.vim.org/download.php

Kinetic Wing

KineticWing是一個(gè)免費(fèi)的輕量級(jí)IDE，適用于所有主要的操作系統(tǒng)。它不是一個(gè)復(fù)雜的IDE，更像是一個(gè)具有現(xiàn)代特色的智能文本編輯器。這些功能包括：支持Sass或Less（具有內(nèi)置編譯器），支持HTML5及CSS3，支持CoffeeScript。

Code Mirror

CodeMirror 是一款基于Javascript實(shí)現(xiàn)的在線代碼編輯器，它專門用于編輯代碼，并配有大量語(yǔ)言模式，可實(shí)現(xiàn)更高級(jí)的編輯功能。CodeMirror不是某個(gè)富文本編輯器的附屬產(chǎn)品，它是許多大名鼎鼎的在線代碼編輯器的基礎(chǔ)庫(kù)。

Ace

ACE 是用JavaScript編寫(xiě)的一個(gè)可嵌入的代碼編輯器。它能與許多本地編輯器匹配，如Sublime，Vim和TextMate等。ACE被作為Cloud9 ID的主編輯器維護(hù)，也是Mozilla Skywriter項(xiàng)目的繼承。

Net Beans

NetBeans IDE 是一個(gè)屢獲殊榮的集成開(kāi)發(fā)環(huán)境,可以方便的在Windows，Mac，Linux和Solaris中運(yùn)行。NetBeans包括開(kāi)源的開(kāi)發(fā)環(huán)境和應(yīng)用平臺(tái)，NetBeans IDE可以使開(kāi)發(fā)人員利用Java平臺(tái)能夠快速創(chuàng)建Web、企業(yè)、桌面以及移動(dòng)的應(yīng)用程序，NetBeans IDE目前支持PHP、Ruby、JavaScript、Ajax、Groovy、Grails和C/C++等開(kāi)發(fā)語(yǔ)言。

Cloud 9

Cloud9 IDE 是一個(gè)基于Node.JS構(gòu)建的JavaScript程序開(kāi)發(fā)Web IDE。它擁有一個(gè)非?？斓奈谋揪庉嬈鳎С譃镴S, HTML, CSS和這幾種的混合代碼進(jìn)行著色顯示。Cloud9 IDE還為node.js和Google Chrome集成調(diào)試器可以在IDE中啟動(dòng)、暫停和停止，能夠在云計(jì)算環(huán)境中測(cè)試和部署你的代碼。

Eclipse

Eclipse 是著名的跨平臺(tái)的自由集成開(kāi)發(fā)環(huán)境（IDE）。最初主要用來(lái)Java語(yǔ)言開(kāi)發(fā)，但是目前亦有人通過(guò)插件使其作為其他計(jì)算機(jī)語(yǔ)言比如C++和Python的開(kāi)發(fā)工具。

Scripted

Scripted 是一個(gè)快速而且輕量級(jí)的 JavaScript 代碼編輯器，基于 Web 瀏覽器。Scripted由VMware基于Eclipse Orion的編輯器組件開(kāi)發(fā)。它工作于本地，并且由Node.js Web服務(wù)器提供內(nèi)容服務(wù)。

【