最常用的就是dreamweaver,推薦大家使用dreamweaver cs6,cs6之前的貌似問題挺多的,cs6目前是功能最強大,問題最少的了,dw有一個比較方便的就是視覺化程式設計,可以邊看效果邊敲程式碼,還有自動提示 程式碼的功能.還有就是ediplus,這個其實就相當於一個字型有顏色的記事本,我就是用這個,因為我感覺dw佔用記憶體太多了,搞的電腦卡,所以我直接用 ediplus寫程式碼,至於這個有沒有程式碼自動提示功能我就不知道了,大家可以百度下是否有相關外掛.還有就是eclipse可以寫java、php還有 上面的各種程式碼!Zend Studio 是專門寫php的,但是上面這2種工具比較專業,是我們專業開發人員用的,所以大家自己看著辦.Photoshop這個就不用說了.

HTML5被看做是Web前端開發的最佳程式語言，具有多裝置、跨平臺、即時更新等優勢。更重要的是HTML5入門簡單，就業前景廣、薪資福利高，這促使越來越多的人轉行學習HTML5。學習要一步一個腳印，下面就來給初學者介紹一下常見的Web前端開發工具有哪些。

1、SublimeText

Sublime Text 是一個跨平臺的程式碼編輯器，同時支援Windows、Linux、Mac OS X等作業系統，也是HTML和散文先進的文字編輯器。SublimeText具有漂亮的使用者介面和強大的功能，主要功能包括:拼寫檢查，書籤，完整的 Python API ，Goto功能，即時專案切換，多選擇，多視窗等等。

2、Dreamweaver

Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器，擁有視覺化編輯介面，支援程式碼、拆分、設計、實時檢視等多種方式來創作、編寫和修改網頁，初學HTML5的人可以無需編寫任何程式碼就能快速建立Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網頁互動工具，允許設計師透過HTML5、CSS和JavaScript製作網頁動畫。Edge的一個重要功能是Web工具包介面，方便確保頁面在不同瀏覽器中的架構一致性。

4、WebStorm

WebStorm是一款JavaScript 開發工具，目前已經被廣大中國JS開發者譽為"Web前端開發神器"、"最強大的HTML5編輯器"、"最智慧的JavaScript IDE"等。WebStorm具有的優勢是：智慧的程式碼補全、程式碼格式化、html提示、聯想查詢、程式碼重構、程式碼檢查和快速修復、程式碼除錯、程式碼結構瀏覽、程式碼摺疊、包裹或者去掉外圍程式碼。

5、SenchaTouch

Sencha Touch是全球領先的應用程式開發框架，其設計旨在充分利用HTML5、CSS3 和Javascript來實現最高級別的功能、靈活性和最佳化。SenchaTouch 是針對下一代具有觸控式螢幕裝置的跨平臺框架。

6、DevExtreme

DevExtreme是專為你的移動世界精心準備的，一個跨平臺開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程式，是Visual Studio開發人員開發跨平臺移動產品的優選工具。

7、Dojo Foundation Maqetta

Dojo Foundation Maqetta是為桌面和移動裝置開發HTML5應用的開源工具，支援在瀏覽器中檢視HTML5介面。使用者體驗設計師可以透過拖放組裝UI樣板。

除此之外，還有很多優秀的HTML5開發工具，在此就不一一列舉了。

web開發工具分前端後端，前端目前使用比較多的是idea webstorm和vs code，當然如果做比較小的功能一般sublime夠用啦，這上面裝上外掛還是很好用的。當然也遇見過用vim的大神，但這些只適合開發小的功能。

後端一般也採用intellij的比如phpstorm

Web開發工具其實非常多，優秀的也不少，下面我簡單介紹5個不錯的Web開發工具，感興趣的朋友可以自己嘗試一下：

也就是VS Code，微軟開發的一個免費、開源、跨平臺的程式碼編輯器，輕巧靈活，執行速度快，佔用記憶體少，在Web開發中經常會用到，使用的個人和公司也非常多，支援常見的自動補全、程式碼高亮、語法提示、Git等功能，外掛擴充套件非常豐富，生態環境良好，對於Web開發來說，是一個非常不錯的選擇：

這也是一個非常不錯的程式碼編輯器，在Web開發中也經常會用到，可以跨平臺使用，原則上是不免費的，網上有相關版本註冊碼，所以在使用上影響不大，基本功能和前面的VS Code差不多，輕便靈活，文字編輯功能強大，支援語言眾多，智慧補全、語法提示、程式碼高亮等功能也都不錯，外掛擴充套件也行，對於Web開發來說，也是一個非常不錯的工具：

這也是一個免費、開源、跨平臺的程式碼編輯器，由GitHub設計研發，基於Electron技術，基本功能和前面兩個軟體差不多，程式碼高亮、語法提示、自動補全、Git等功能都能很好支援，外掛擴充套件也非常豐富，唯一不足就是啟動速度慢，偶爾還會出現記憶體佔用率高的問題，但對於Web開發來說，也是一個不錯的選擇：

這是一個專門用於Web開發的中國產工具，輕巧、極速、介面柔綠，目前支援來說，只支援Windows和Mac系統，語法提示、自動補全、Markdown等功能都非常不錯，還提供雲打包功能，可以直接將我們開發的網頁打包為手機APP（安卓、蘋果等），使用起來非常方便，對於Web開發來說，也是一個非常不錯的選擇：

這是一個重量級的Web開發工具，非常專業，Jetbrains公司的產品，在團隊協作的大型專案開發中經常會用到，語法檢查、自動補全、程式碼高亮、Git等功能都非常不錯，外掛擴充套件也非常豐富，除此之外，還支援程式碼重構、單元測試、程式碼檢測和快速修復等功能，對於Web開發來說，是一個非常不錯的工具：

目前，就分享這5個不錯的Web開發工具吧，對於日常Web開發來說，完全夠用了，當然，還有許多其他的Web開發工具，像Notepad++，DW，IDEA等也都不錯，選擇適合自己的一款就行，網上也有相關教程和資料，非常豐富詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言補充。

學習前端肯定是要分階段來學習，把每一個階段搞懂，一步一腳印，之後才能找到一份合適的工作。

第一階段：Web網頁基礎HTML入門基本內容，CSS+DIV的基礎知識，選擇器，盒子模型，網頁佈局，Photoshop

第二階段：Web程式設計基礎學習路線：JavaScript基礎，BOM和DOM模型，事件處理，jQuery，互動及動畫，jQuery優質外掛，文件處理，陣列和物件操作

第三階段：Web程式設計高階及全棧開發學習路線：JavaScript高階程式設計，原型模式，jQuery外掛開發，模組化元件開，AJAX，Express(Node.js)，Mongodb，RequireJS，MongoDB

第四階段：響應式網站開發學習路線：HTML5/CSS3，響應式原理及佈局，Bootstrap，前端依賴管理，CSS預處理語言（Less+Sass），Grunt/Gulp自動化構建工具，Angular4

第五階段：框架與專案管理學習路線：Grunt/Gulp，Webpack模組載入器&打包工具，MVC（backbone）架構前端，VUE2，React

同樣，自制力的強弱決定了你是否能開拓自己的視野。希望以上黑馬先鋒學院的建議能對你產生幫助。