web開發(fā)工具匯總（附帶下載地址）

工欲善其事，必先利其器，對于剛進入前端的小白，選擇一個得心應(yīng)手的開發(fā)工具也是有助于提升開發(fā)效率，前端開發(fā)工具有很多，該如何選擇那，今天我們就對主流Web開發(fā)工具來做一個匯總。

1.WebStorm

官網(wǎng)：https://www.jetbrains.com/webstorm/

功能介紹

WebStorm 是JetBrains公司旗下一款JavaScript 開發(fā)工具,功能齊全,集成度高，內(nèi)置服務(wù)器調(diào)試，ESlint，代碼補全，Emmet,ES6語法支持等應(yīng)有盡有，目前已經(jīng)被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。也存在一定的缺點正版收費，由于內(nèi)置集成度比較高占內(nèi)存大(常駐內(nèi)存300M左右)，啟動慢，對電腦配置有一定要求。

2.HBuilder

官網(wǎng)：https://www.dcloud.io/

功能介紹

Hbuilder是國產(chǎn)的一款前端開發(fā)工具，是開發(fā)小白的福音，支持webapp開發(fā)，一套代碼多端運行，代碼實現(xiàn)簡單，開發(fā)快速，官網(wǎng)提供很多組件，可以直接拿來用，也是存在一定的缺點比如bug官方回應(yīng)不及時，自身穩(wěn)定性會出現(xiàn)卡頓，閃退等問題。

3.Visual Studio Code

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

功能介紹

Visual Studio Code 一個運行于 Mac OS X、Windows和 Linux 之上的，免費，開源的代碼編輯器。功能非常強大，人性化的設(shè)計，界面符合前端審美，豐富的插件配置，體積小，拓展性高。缺點也是有一些的，支持度相較于ide有一定的局限性。

4.Sublime Text

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

功能介紹

Sublime text具有漂亮的用戶界面和強大的功能，體積小，運行速度快，可配置度高，豐富的插件，可以極大的減少開發(fā)的勞動程度，缺點是收費，閉源，插件的兼容性及插件bug官方響應(yīng)不及時等。

5.Atom

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

功能介紹

Atom 是github專門為程序員推出的一個跨平臺文本編輯器，具有簡潔和直觀的圖形用戶界面，并有很多有趣的特點：支持CSS，HTML，JavaScript等網(wǎng)頁編程語言。它支持宏，自動完成分屏功能，集成了文件管理器。單純從編輯器角度看，Atom免費，擴展性強，原生的包管理，重用npm社區(qū)資源，易于跨平臺。發(fā)現(xiàn)bug反饋官方解決積極，缺點是相對重量，運行慢，這也是基于其架構(gòu)無法克服的。

6.Adobe Dreamweaver

官網(wǎng)：https://www.adobe.com/products/dreamweaver.html

功能介紹

Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，最初為美國MACROMEDIA公司開發(fā),曾是網(wǎng)頁三劍客之一，是比較流行的網(wǎng)頁設(shè)計軟件，操作簡單，優(yōu)秀的網(wǎng)站管理功能，便于擴展。然而由于版本更新慢，相對陳舊，無法滿足開發(fā)者的需求，逐漸退出了歷史舞臺。2017版本及時進行修正，適合對于語法還不熟悉的同學(xué)使用。

7.EditPlus

官網(wǎng)：https://www.editplus.com/

功能介紹

EditPlus是一款由韓國 Sangil Kim (ES-Computing)出品的一個為Internet準(zhǔn)備的、運行于Windows 下一個簡單的IDE，語言支持度高，通過定制語法文件，可以擴展到其他程序語言，大部分語言都支持，代碼自動補全，語法高亮顯示，體積小，運行速度快，支持網(wǎng)頁預(yù)覽。適合零基礎(chǔ)的初學(xué)者使用。