網站開發一般分爲(wéi / wèi)前端和(hé / huò)後端兩個(gè)部分。前端負責實現頁面效果，後端主要(yào / yāo)負責功能開發。一般的(de)開發流程是(shì)先由美工或者網頁設計師進行網頁設計和(hé / huò)切圖，所謂切圖就(jiù)是(shì)将設計好的(de)網頁效果圖利用html開發工具進行代碼實現成網頁形式，并且加入一些網頁特效。然後交給後端開發人(rén)員進行功能開發，一般采用主流的(de)php技術進行開發。

那web開發都用什麽工具呢？最常用的(de)前端開發工具有哪些呢？本文推薦8款最好用的(de)web前端開發工具供美工或者前端開發人(rén)員使用，當然若你是(shì)NB的(de)全棧工程師也(yě)可以(yǐ)下載使用。

WEB工具集下載合集地(dì / de)址 http://t.cn/Rk4fd1x

1.Dreamweaver

工具簡介：

老牌的(de)網頁編輯軟件，功能非常強大(dà)，最大(dà)的(de)優點是(shì)可視化編輯，還有錯誤提示，深受前端開發人(rén)員和(hé / huò)網站開發人(rén)員歡迎！Dreamweaver CC 專注于(yú)快速響應設計、代碼編輯功能的(de)改進、在(zài)設備上(shàng)進行網頁預覽以(yǐ)及從 Photoshop 複合中批量提取具有多種分辨率的(de) Web 優化圖像。與 Bootstrap 框架的(de)集成可幫助您構建移動優先、快速響應的(de)網站。視覺媒體查詢通過讓您在(zài)各種斷點處對您的(de)設計進行可視化和(hé / huò)修改，進一步完善了(le／liǎo)快速響應網頁設計的(de)體驗。

2.Photoshop

工具簡介：

Photoshop簡稱PS，全球最受歡迎的(de)圖形圖像處理軟件。網頁設計師或者web前端開發人(rén)員可利用此軟件進行網頁的(de)設計和(hé / huò)切圖，PS的(de)切圖工具非常強大(dà)，可以(yǐ)自動生成html網頁格式，大(dà)大(dà)提高了(le／liǎo)網頁開發效率。

3.WebStorm MAC版

工具簡介：

非常好用的(de)JavaScript開發工具，被廣大(dà)中國(guó)JS開發者譽爲(wéi / wèi)“Web前端開發神器”、“最強大(dà)的(de)HTML5編輯器”、“最智能的(de)JavaScript IDE”等。與IntelliJ IDEA同源，繼承了(le／liǎo)IntelliJ IDEA強大(dà)的(de)JS部分的(de)功能。

4.browser-sync-master

工具簡介：

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

web前端開發工具排行：8款html開發工具推薦下載

作爲(wéi / wèi)前端開發工程師，以(yǐ)上(shàng)這(zhè)些工具基本就(jiù)夠用了(le／liǎo)，若是(shì)想更專業、裝逼一點，可以(yǐ)參考下面的(de)htm代碼編輯器工具

其它4款html開發工具推薦

1.SublimeText3

工具簡介：

Sublime Text是(shì)一款流行的(de)代碼編輯器。Sublime Text 具有漂亮的(de)用戶界面和(hé / huò)強大(dà)的(de)功能，例如代碼縮略圖，Python的(de)插件，代碼段等。還可自定義鍵綁定，菜單和(hé / huò)工具欄。Sublime Text 的(de)主要(yào / yāo)功能包括：拼寫檢查，書簽，完整的(de) Python API ， Goto 功能，即時(shí)項目切換，多選擇，多窗口等等。Sublime Text 是(shì)一個(gè)跨平台的(de)編輯器，同時(shí)支持Windows、Linux、Mac OS X等操作系統。

2.Notepad++7.3.1

工具簡介：

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

3.Zend Studio 13.0.1

工具簡介：

Zend Studio是(shì)一個(gè)屢獲大(dà)獎的(de)專業PHP集成開發環境，具備功能強大(dà)的(de)專業編輯工具和(hé / huò)調試工具，支持PHP語法加亮顯示，支持語法自動填充功能，支持書簽功能，支持語法自動縮排和(hé / huò)代碼複制功能，内置一個(gè)強大(dà)的(de)PHP代碼調試工具，支持本地(dì / de)和(hé / huò)遠程兩種調試模式，支持多種高級調試功能。

Zend Studio 9 正式發布，主要(yào / yāo)包含以(yǐ)下更新：

Git和(hé / huò)Github支持雲開發部署深度，Zend Framework和(hé / huò)Zend Server集成更快、更精簡的(de)IDE。

4.PhpStorm 10.0.1 Mac版

工具簡介：

phpstorm免費版是(shì)目前網絡上(shàng)最爲(wéi / wèi)流行的(de)php開發軟件。phpstorm免費版能全面的(de)提升用戶php代碼編寫的(de)效率，并且提供能代碼補全、快速導航、即時(shí)錯誤檢查等等功能，大(dà)大(dà)的(de)節省php代碼編寫時(shí)間，phpstorm 2016.2版全新的(de)軟件界面，全面的(de)提升所有編寫功能，希望大(dà)家能夠喜歡，下載使用。