前端開(kāi)發(fā)用什么工具好？這個(gè)因人而異了，目前比較流行的有vs code、sublime text、hbuilder、webstorm等，下面我簡(jiǎn)單介紹一下，感興趣的朋友可以嘗試一下：

免費(fèi)開(kāi)源：vs code

說(shuō)起vs code，許多搞前端的朋友應(yīng)該非常熟悉，一個(gè)免費(fèi)、開(kāi)源、強(qiáng)大的代碼編輯器，和vs同宗同源，但比vs更簡(jiǎn)潔輕便，支持代碼補(bǔ)全、語(yǔ)法高亮、智能提示等基本功能，除此之外，針對(duì)前端等提供了許多免費(fèi)強(qiáng)大的插件，包括自動(dòng)閉合、同步修改、斷點(diǎn)調(diào)試等，新手學(xué)習(xí)非常容易掌握，相信你很快就會(huì)愛(ài)上這款軟件：

簡(jiǎn)潔輕便：sublime text

這也是前端一個(gè)比較常用的開(kāi)發(fā)工具，基本功能和vs code相差不多，簡(jiǎn)單輕便，支持跨平臺(tái)，但原則上不免費(fèi)，支持語(yǔ)法高亮、智能補(bǔ)全、代碼提示等基本功能，除此之外，也提供了非常多的插件擴(kuò)展，包括emmet、docblockr等，對(duì)于開(kāi)發(fā)前端效率非常高，新手學(xué)習(xí)來(lái)說(shuō)也非常容易：

國(guó)產(chǎn)軟件：hbuilder

這是一個(gè)非常不錯(cuò)的國(guó)產(chǎn)web開(kāi)發(fā)工具，相信許多朋友應(yīng)該都聽(tīng)說(shuō)過(guò)，界面柔綠、清爽整潔，支持自動(dòng)補(bǔ)全、語(yǔ)法高亮、markdown等基本功能，可以很輕松的將編寫(xiě)好的前端網(wǎng)頁(yè)打包為安卓或ios app，除此之外，插件擴(kuò)展豐富，對(duì)于前端開(kāi)發(fā)來(lái)說(shuō)，也是一個(gè)非常不錯(cuò)的選擇：

專(zhuān)業(yè)強(qiáng)大：webstorm

這個(gè)一個(gè)非常專(zhuān)業(yè)強(qiáng)大的web開(kāi)發(fā)工具，jetbrains公司的產(chǎn)品，相信許多朋友都應(yīng)該非常熟悉，除了常見(jiàn)的智能補(bǔ)全、語(yǔ)法提示等基本功能，這個(gè)軟件還支持代碼分析、代碼重構(gòu)等高級(jí)功能，如果你鐘情于pycharm、idea等產(chǎn)品，那么webstorm就是一個(gè)非常不錯(cuò)的選擇，相信你很快就會(huì)愛(ài)上這款軟件，唯一的缺點(diǎn)webstorm是商業(yè)、非免費(fèi)的：

目前就介紹這4個(gè)不錯(cuò)的前端開(kāi)發(fā)工具吧，比較常用的就是vs code、sublime text，當(dāng)然，還有許多其他軟件，像notepad++、dreamweaver等也都非常不錯(cuò)，根據(jù)個(gè)人需求和愛(ài)好，選擇適合自己的一個(gè)就行，網(wǎng)上也有相關(guān)教程和資料，介紹的非常詳細(xì)，感興趣的話(huà)，可以搜一下，希望以上分享的內(nèi)容能對(duì)你有所幫助吧，也歡迎大家評(píng)論、留言進(jìn)行補(bǔ)充。

前端開(kāi)發(fā)工具主要有：VSCode，HBuilder，WebStorm，Sublime，95%的前端開(kāi)發(fā)人員都使用VSCode工具來(lái)開(kāi)發(fā)，因?yàn)樗牟僮鞲臃奖悖阅芨茫琀Builder主要用來(lái)開(kāi)發(fā)基于uni-app的小程序，WebStorm比較大而全，Sublime和WebStorm項(xiàng)目初次加載速度較慢。

更多知識(shí)歡迎關(guān)注哦~

作為eclipse愛(ài)好者，喜歡使用HBuilder，能把多個(gè)項(xiàng)目放到一塊，主要還是免費(fèi)。

如果喜歡idea類(lèi)似的話(huà)，可以考慮使用WebStorm，這個(gè)最好的好處是js方法可以快速定位到具體的方法。

還有一些其他的比如VS Code，Atom，Sublime之類(lèi)的，主要還是看個(gè)人愛(ài)好吧。

1、Sublime Text3

下載地址：https://www.sublimetext.com/

功能介紹：這是一款輕量化的軟件，適用于 Windows、macOS 和 Linux。

由自定義組件構(gòu)建，支持多種編程語(yǔ)言、及語(yǔ)法高亮引擎，擁有優(yōu)秀的代碼自動(dòng)完成功能。

適合編程初學(xué)者使用。

2、Visual studio Code

下載地址：https://code.visualstudio.com/

功能介紹：一個(gè)輕量級(jí)但功能強(qiáng)大的源代碼編輯器，適用于 Windows、macOS 和 Linux。

內(nèi)置了對(duì) JavaScript、TypeScript 和 Node.js 的支持，并為其他語(yǔ)言（例如 C++、C#、Java、Python、PHP、Go）和運(yùn)行時(shí)（例如 .NET 和 Unity）提供了豐富的擴(kuò)展生態(tài)系統(tǒng)。

適合學(xué)習(xí)了一段時(shí)間，升級(jí)使用。

3、hbuilder

下載地址：http://www.dcloud.io/

功能介紹：一個(gè)輕巧極速的編輯器，適用于 Windows、macOS 。

專(zhuān)為vue打造、高效極客操作、具有強(qiáng)大的語(yǔ)法提示功能。

適合工作中懶人使用。

4、WebStorm

下載地址：https://www.jetbrains.com/webstorm/

功能介紹：一款擁有個(gè)性化的體驗(yàn)的編輯器，適用于 Windows、macOS 和 Linux。

可充分利用現(xiàn)代 JavaScript 生態(tài)系統(tǒng)，享受針對(duì) JavaScript、TypeScript、樣式表語(yǔ)言和所有最流行框架的智能代碼完成、即時(shí)錯(cuò)誤檢測(cè)、強(qiáng)大的導(dǎo)航和重構(gòu)。

適用于高級(jí)工程師使用。

5、Dreamweaver

下載地址：https://www.adobe.com/products/dreamweaver.html

功能介紹：一款響應(yīng)式的古老編輯器，由Adobe公司開(kāi)發(fā)，適用于 Windows、macOS。

最大優(yōu)勢(shì)是實(shí)時(shí)視圖編輯，重新設(shè)計(jì)的現(xiàn)代 UI，Git 支持可輕松協(xié)作。

適合于界面話(huà)操作多的編輯時(shí)候使用。

可用于前端開(kāi)發(fā)的工具軟件有很多，比如sublime text、bainotepad++、WebStorm、vscode和Hbuild，以及Dreamweaver、Visual Studio Code等，可以說(shuō)選擇性很多。

在瀏覽我們上無(wú)意看到這個(gè)問(wèn)答，雖然我是個(gè)后端開(kāi)發(fā)，但是還是想回答下[狗頭]

現(xiàn)在前端開(kāi)發(fā)工具用的最多的就是VSCode了吧！

我們公司和我很多朋友的公司，前端都用VS，甚至有公司規(guī)定明確，工具必須用VS，因?yàn)楣ぞ叩慕y(tǒng)一，對(duì)日常開(kāi)發(fā)有很多幫助的，體現(xiàn)了規(guī)范的重要性。

為什么推薦VSCode?

1. 有微軟公司開(kāi)發(fā)并推出的一款優(yōu)秀開(kāi)發(fā)工具，在內(nèi)存占用有很大優(yōu)勢(shì)，輕量級(jí)。
2. 有著大公司作背景，其后面的優(yōu)化和運(yùn)維是非常有保證的，開(kāi)源社區(qū)很是活躍，如果在使用中，遇到一些小問(wèn)題，可以先去社區(qū)看看的。
3. 現(xiàn)在已經(jīng)支持很多開(kāi)發(fā)語(yǔ)言了，現(xiàn)在不僅支持多種前端語(yǔ)言，還支持很多后端語(yǔ)言，比如我先前就拿來(lái)寫(xiě)go（一門(mén)后端語(yǔ)言），例如Java、C、C#等都支持的。
4. 天然集成了git版本控制工具，在VS上就可以對(duì)其代碼的版本提交、回滾等一系列操作。
5. 插件化，VS上有很多的插件支持，著對(duì)我們?cè)诰幋a時(shí)，是非常便捷的。
6. 軟件生態(tài)好，VS作為一款成熟的軟件，在這塊有很明顯體現(xiàn)了。

上述，我列舉幾點(diǎn)說(shuō)明VS很好用，當(dāng)然還有很多其他開(kāi)發(fā)工具，也是很不錯(cuò)的選擇，比如比較早的Hbuilder、Subline、Webstorm等，都是比較好的工具。

目前比較流行的有vs code、sublime text、hbuilder、webstorm等，下面我簡(jiǎn)單介紹一下，感興趣的朋友可以嘗試一下

市面上主流的還是那幾個(gè)，至于那個(gè)好用，一個(gè)看個(gè)人習(xí)慣，一個(gè)看工作行業(yè)習(xí)慣。

網(wǎng)站開(kāi)發(fā)一般分為前端和后端兩個(gè)部分。前端負(fù)責(zé)實(shí)現(xiàn)頁(yè)面效果，后端主要負(fù)責(zé)功能開(kāi)發(fā)。一般的開(kāi)發(fā)流程是先由美工或者網(wǎng)頁(yè)設(shè)計(jì)師進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)和切圖，所謂切圖就是將設(shè)計(jì)好的網(wǎng)頁(yè)效果圖利用html開(kāi)發(fā)工具進(jìn)行代碼實(shí)現(xiàn)成網(wǎng)頁(yè)形式，并且加入一些網(wǎng)頁(yè)特效。然后交給后端開(kāi)發(fā)人員進(jìn)行功能開(kāi)發(fā)，一般采用主流的php技術(shù)進(jìn)行開(kāi)發(fā)。

那web開(kāi)發(fā)都用什么工具呢？最常用的前端開(kāi)發(fā)工具有哪些呢？本文推薦8款最好用的web前端開(kāi)發(fā)工具供美工或者前端開(kāi)發(fā)人員使用，當(dāng)然若你是NB的全棧工程師也可以下載使用。

1.Dreamweaver

工具簡(jiǎn)介：

老牌的網(wǎng)頁(yè)編輯軟件，功能非常強(qiáng)大，最大的優(yōu)點(diǎn)是可視化編輯，還有錯(cuò)誤提示，深受前端開(kāi)發(fā)人員和網(wǎng)站開(kāi)發(fā)人員歡迎！Dreamweaver CC 專(zhuān)注于快速響應(yīng)設(shè)計(jì)、代碼編輯功能的改進(jìn)、在設(shè)備上進(jìn)行網(wǎng)頁(yè)預(yù)覽以及從 Photoshop 復(fù)合中批量提取具有多種分辨率的 Web 優(yōu)化圖像。

與 Bootstrap 框架的集成可幫助您構(gòu)建移動(dòng)優(yōu)先、快速響應(yīng)的網(wǎng)站。視覺(jué)媒體查詢(xún)通過(guò)讓您在各種斷點(diǎn)處對(duì)您的設(shè)計(jì)進(jìn)行可視化和修改，進(jìn)一步完善了快速響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)的體驗(yàn)。

2.Photoshop

工具簡(jiǎn)介：

Photoshop簡(jiǎn)稱(chēng)PS，全球最受歡迎的圖形圖像處理軟件。網(wǎng)頁(yè)設(shè)計(jì)師或者web前端開(kāi)發(fā)人員可利用此軟件進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)和切圖，PS的切圖工具非常強(qiáng)大，可以自動(dòng)生成html網(wǎng)頁(yè)格式，大大提高了網(wǎng)頁(yè)開(kāi)發(fā)效率。

3.WebStorm MAC版

工具簡(jiǎn)介：

非常好用的JavaScript開(kāi)發(fā)工具，被廣大中國(guó)JS開(kāi)發(fā)者譽(yù)為“Web前端開(kāi)發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。

4.browser-sync-master

工具簡(jiǎn)介：

省時(shí)的瀏覽器同步測(cè)試工具，Browsersync能讓瀏覽器實(shí)時(shí)、快速響應(yīng)您的文件更改（html、js、css、sass、less等）并自動(dòng)刷新頁(yè)面。更重要的是 Browsersync可以同時(shí)在PC、平板、手機(jī)等設(shè)備下進(jìn)項(xiàng)調(diào)試。您可以想象一下：“假設(shè)您的桌子上有pc、ipad、iphone、android等設(shè)備，同時(shí)打開(kāi)了您需要調(diào)試的頁(yè)面，當(dāng)您使用browsersync后，您的任何一次代碼保存，以上的設(shè)備都會(huì)同時(shí)顯示您的改動(dòng)”。無(wú)論您是前端還是后端工程師，使用它將提高您30%的工作效率。

web前端開(kāi)發(fā)工具排行：8款html開(kāi)發(fā)工具推薦下載

作為前端開(kāi)發(fā)工程師，以上這些工具基本就夠用了，若是想更專(zhuān)業(yè)、裝逼一點(diǎn)，可以參考下面的htm代碼編輯器工具

其它4款html開(kāi)發(fā)工具推薦

1.SublimeText3

工具簡(jiǎn)介：

Sublime Text是一款流行的代碼編輯器。Sublime Text 具有漂亮的用戶(hù)界面和強(qiáng)大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。

Sublime Text 的主要功能包括：拼寫(xiě)檢查，書(shū)簽，完整的 Python API ， Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。Sublime Text 是一個(gè)跨平臺(tái)的編輯器，同時(shí)支持Windows、Linux、Mac OS X等操作系統(tǒng)。

2.Notepad++7.3.1

工具簡(jiǎn)介：

Notepad++是在微軟視窗環(huán)境之下的一個(gè)免費(fèi)的代碼編輯器。它使用較少的CPU功率，降低電腦系統(tǒng)能源消耗，但輕巧且執(zhí)行效率高，使得Notepad++可完美地取代微軟視窗的記事本。內(nèi)置支持多達(dá)27種語(yǔ)法高亮度顯示（包括各種常見(jiàn)的源代碼、腳本，能夠很好地支持.nfo文件查看），還支持自定義語(yǔ)言；可自動(dòng)檢測(cè)文件類(lèi)型，根據(jù)關(guān)鍵字顯示節(jié)點(diǎn)，節(jié)點(diǎn)可自由折疊/打開(kāi)，還可顯示縮進(jìn)引導(dǎo)線(xiàn)，代碼顯示得很有層次感；可打開(kāi)雙窗口，在分窗口中又可打開(kāi)多個(gè)子窗口，允許快捷切換全屏顯示模式（F11），支持鼠標(biāo)滾輪改變文檔顯示比例；提供了一些有用工具，如鄰行互換位置、宏功能等；可顯示選中文本的字節(jié)數(shù) （而不是一般編輯器所顯示的字?jǐn)?shù)，這在某些情況下，比如 軟件本地化 很方便）。

3.Zend Studio 13.0.1

工具簡(jiǎn)介：

Zend Studio是一個(gè)屢獲大獎(jiǎng)的專(zhuān)業(yè)PHP集成開(kāi)發(fā)環(huán)境，具備功能強(qiáng)大的專(zhuān)業(yè)編輯工具和調(diào)試工具，支持PHP語(yǔ)法加亮顯示，支持語(yǔ)法自動(dòng)填充功能，支持書(shū)簽功能，支持語(yǔ)法自動(dòng)縮排和代碼復(fù)制功能，內(nèi)置一個(gè)強(qiáng)大的PHP代碼調(diào)試工具，支持本地和遠(yuǎn)程兩種調(diào)試模式，支持多種高級(jí)調(diào)試功能。

Zend Studio 9 正式發(fā)布，主要包含以下更新：

Git和Github支持云開(kāi)發(fā)部署深度，Zend Framework和Zend Server集成更快、更精簡(jiǎn)的IDE。

4.PhpStorm 10.0.1 Mac版

工具簡(jiǎn)介：

phpstorm免費(fèi)版是目前網(wǎng)絡(luò)上最為流行的php開(kāi)發(fā)軟件。phpstorm免費(fèi)版能全面的提升用戶(hù)php代碼編寫(xiě)的效率，并且提供能代碼補(bǔ)全、快速導(dǎo)航、即時(shí)錯(cuò)誤檢查等等功能，大大的節(jié)省php代碼編寫(xiě)時(shí)間，phpstorm 2016.2版全新的軟件界面，全面的提升所有編寫(xiě)功能，希望大家能夠喜歡，下載使用。

看到最后，可以點(diǎn)贊支持一下嘛！要是再來(lái)個(gè)關(guān)注那你怕是2020年最暖心的人嘍！

根據(jù)自己實(shí)際情況吧！大的項(xiàng)目還是建議用webstorm！小項(xiàng)目sublime！還有一些需要官方開(kāi)發(fā)工具，比如各種小程序