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

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

1.WebStorm

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

功能介紹

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

2.HBuilder

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

功能介紹

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

3.Visual Studio Code

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

功能介紹

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

4.Sublime Text

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

功能介紹

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

5.Atom

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

功能介紹

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

6.Adobe Dreamweaver

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

功能介紹

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

7.EditPlus

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

功能介紹

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