JavaScript編輯器有哪些

這篇文章主要介紹“JavaScript編輯器有哪些”，在日常操作中，相信很多人在JavaScript編輯器有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript編輯器有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

Sublime Text

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

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

對于使用其它編輯器的程序員來說，Sublime Text支持TextMate包(不包括命令)和Vi / Vim仿真。

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

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

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

Visual Studio Code

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

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

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

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

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

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

Brackets

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

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

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

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

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

Atom

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

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

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

Komodo Edit

Komodo Edit 是ActiveState的一個免費的，縮小功能版本的Komodo IDE，它是一個很酷的多語言編輯器。

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

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

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

Notepad ++

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

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

BBEdit

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

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

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

TextMate

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

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

TextMate有一個捆綁包***項標(biāo)簽，從中可以下載并安裝其他捆綁包。捆綁源，實際上是產(chǎn)品駐留在GitHub存儲庫中的源代碼。

Emacs

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

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

Vim(and variants)

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

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

使用哪個編輯器，由你決定

無論你是專注于客戶端的JavaScript還是Node.js，都有多種選擇。

如果你正在尋找一個功能強大，速度很快的JavaScript編程文本編輯器，并支持很多其它語言，可以選擇Sublime Text。

如果你想要一個免費的，快速的JavaScript編輯器，兼容IDE，并且對ASP.Net和C#支持得很好，Visual Studio  Code是一個很好的選擇。

Brackets和Atom是兩個新的、免費的文本編輯器。Brackets是一款很接近于用于Node.js開發(fā)IDE的編輯器，Atom可以與GitHub桌面客戶高度集成。

在Windows上，Notepad++是快速、有效并且免費的。在MacOS上，BBEdit是快速、很酷的、免費的限量版本，可用于版本控制集成，是一個HTML工具。TextMate仍然是一個非常棒的編輯器，具有快速、全功能、可擴(kuò)展的特點，但是開發(fā)速度已經(jīng)很緩慢。

如果傾向于使用開源腳本語言，Komodo Edit是個不錯的選擇。如果喜歡自定義編輯器，Emacs或Vim可以滿足你的要求。

到此，關(guān)于“JavaScript編輯器有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>