站長資訊網
編寫javascript的工具：1、Webstorm；2、Sublime Text；3、Atom；4、Visual Studio Code；5、HBuilder；6、Eclipse；7、Notepad；8、ACe；9、scripted等等。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
可以編寫javascript代碼的工具
1、Webstorm
這是最智能化的JavaScript IDE。WebStorm雖然小巧，但是功能非常強大，完全可以應付復雜的客戶端開發和服務器端開發。
WebStorm 是JetBrains公司旗下一款JavaScript 開發工具。已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
2、Sublime Text
Sublime Text實際上并不是一種IDE，而是一個輕量級的、速度飛快的用于編程的文本編輯器，提供了語法高亮功能和直觀的鍵盤快捷鍵。它本身是跨平臺的，因此對于那些想在PC環境中使用Mac（或者反之）的開發者來說是理想的選擇。Sublime Text的每個部分幾乎都是可以進行自定義的，它還提供了多種插件，為它加入了類似于IDE的功能，例如和Git的集成，以及代碼整理。對于JavaScript的愛好者和新手開發者來說，它是一個很好的選擇。
3、Atom
Atom是GitHub團隊開發的。開發者可以很容易地對Atom進行自定義。Atom自帶了一個包管理工具，代碼補全，文件系統瀏覽器，支持多個平臺以及其他有用的功能。
4、Visual Studio Code
Visual Studio Code（簡稱“VS Code”）是Microsoft在2015年4月30日Build開發者大會上正式宣布一個運行于 Mac OS X、Windows和 Linux 之上的，針對于編寫現代Web和云應用的跨平臺源代碼編輯器， 可在桌面上運行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內置支持，并具有豐富的其他語言（例如C++，C＃，Java，Python，PHP，Go）和運行時（例如.NET和Unity）擴展的生態系統。
5、HBuilder
HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。
它基于Eclipse，所以順其自然地兼容了Eclipse的插件。
快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。
6、Eclipse
Eclipse 是著名的跨平臺的自由集成開發環境（IDE）。最初主要用來Java語言開發，但是目前亦有人通過插件使其作為其他計算機語言比如C++和Python的開發工具。
7、Notepad
Notepad++是一套非常有特色的自由軟件的純文字編輯器(許可證:GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8 技術)。它的功能比 Windows 中的 Notepad(記事本)強大，除了可以用來制作一般的純文字說明文件，也十分適合當作編寫電腦程序的編輯器。Notepad++ 不僅有語法高亮度顯示，也有語法折疊功能，并且支持宏以及擴充基本功能的外掛模組。
8、ACe
Ace是一款用JavaScript編寫的可嵌入的代碼編輯器。它配備了，如Sublime、Vim和TextMate等本地編輯器的功能和性能。它可以很容易地嵌入任何網頁和JavaScript應用程序中。
9、codepress
CodePress是一款用JavaScript寫成的基于web的源代碼編輯器，并且在編輯框中編寫源代碼時，能夠實時對語法進行著色加亮顯示。
10、scripted
Scripted是一款快速又小巧的代碼編輯器，最初就專注于JavaScript的編輯。Scripted也是一個基于瀏覽器的編輯器，并且編輯器本身就是從在本地運行的Node.js服務器實例上提供的服務。
11、Netbeans
這是另一個令人印象非常深刻的，非常好使的代碼編輯器，支持Javascript等多種編程語言。
12、Spket IDE
Spket IDE是一款功能強大的工具包，支持JavaScript和XML開發。其強大的功能可用于JavaScript、XUL/XBL和Yahoo! Widgetd的編輯開發。 這款JavaScript編輯器提供了像代碼完成、語法高亮和內容概要等功能，可幫助開發人員高效地創建JavaScript代碼。
【推薦學習：javascript高級教程】
