目前市面上比較流行的前端開發工具主要有WebStorm、Vscode、Sublime、HBuilder、notepad++、EditPlus、記事本等，今天介紹一下這些開發工具，並且給出了下載地址。
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-Cfsy14n7-1591101435577)(https://upload-images.jianshu.io/upload_images/22699642-3b34e33368eb6c71?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]
1、 WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript開發工具。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
官網下載地址：Download WebStorm: The Smartest JavaScript IDE by JetBrains
2、 Vscode
Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity) 官網下載地址：https://code.visualstudio.com/Download
3、Sublime text
Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟件，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計爲一個具有豐富擴展功能的Vim。
Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。
官網下載地址：Download - Sublime Text
4、 HBuilder
HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。 [1] HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基於Eclipse，所以順其自然地兼容了Eclipse的插件
官網下載地址：HBuilderX-高效極客技巧
5、notepad++
Notepad++是 Windows操作系統下的一套文本編輯器(軟件版權許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。
Notepad++功能比 Windows 中的 Notepad(記事本)強大，除了可以用來製作一般的純文字說明文件，也十分適合編寫計算機程序代碼。Notepad++ 不僅有語法高亮度顯示，也有語法摺疊功能，並且支持宏以及擴充基本功能的外掛模組。
Notepad++是免費軟件，可以免費使用，自帶中文，支持衆多計算機程序語言。
官網下載地址：Notepad++ v7.6.6 - Current Version
6、EditPlus
EditPlus是一款由韓國 Sangil Kim （ES-Computing）出品的小巧但是功能強大的可處理文本、HTML和程序語言的Windows編輯器，你甚至可以通過設置用戶工具將其作爲C,Java,Php等等語言的一個簡單的IDE。
EditPlus（文字編輯器）漢化版是一套功能強大，可取代記事本的文字編輯器，擁有無限制的撤消與重做、英文拼字檢查、自動換行、列數標記、搜尋取代、同時編輯多文件、全屏幕瀏覽功能。而它還有一個好用的功能，就是它有監視剪貼板的功能，同步於剪貼板可自動粘貼進 EditPlus 的窗口中省去粘貼的步驟。
官網下載地址：EditPlus - Download Free Trial
7、 記事本
記事本是最簡單的編輯軟件，但是無法實時查看效果。
更多文章推薦閱讀 【 學習企鵝圈：731771211 】 ：
2020年Web前端開發工程師市場怎麼樣？學會什麼技術才能拿到高薪