photoshop，hbuilder，僅代表我個人。我做前端的大部分工作來自於切圖。很多人覺得切圖不重要，相反我覺得切圖很重要。

Ie,firefox,google chrome 用於檢視結果

eclipse,netbeans,webstorm,notepad++,gedit 用於編寫程式碼

dreamwaver 視覺化

bootstrap vue.js angular react.js jquery 前端javascript框架。

Web前端入行門檻低、薪資待遇高、市場需求大，是很多人進入IT行業的首選語言。工欲善其身必先利器，作為初學前端行業的小白，如果知道一些好用的軟體工具可以幫助他們更好的工作。下面，分享Web前端開發工程師常用的工具。

1、Bootstrap

Bootstrap是快速開發Web應用程式的前端工具包。它是一個CSS和HTML的集合，它使用了最新的瀏覽器技術，給你的Web開發提供了時尚的版式、表單、buttons、表格、網格系統等等。

2、Foundation

3、Cloud9IDE

Cloud9IDE是一個基於Node.JS構建的JavaScript程式開發WebIDE。它擁有一個非常快的文字編輯器，支援為JS，HTML，CSS和這幾種的混合程式碼進行著色顯示。Cloud9IDE還為node.js和GoogleChrome整合偵錯程式，可以在IDE中啟動、暫停和停止。

4、Notepad++

Notepad++是一款非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支援的語言：C，C++，Java，C#，XML，HTML，PHP，Javascript！

5、VisualStudio

CodeVisualStudioCode是一個運行於OSX，Windows和Linux之上的，針對於編寫現代Web和雲應用的跨平臺編輯器。

6、GIMP

GIMP是GNU影象處理程式(GNUImageManipulationProgram)的縮寫。包括幾乎所有影象處理所需的功能，號稱Linux下的PhotoShop。GIMP在Linux系統推出時就風靡了繪圖愛好者圈。

7、SecureHeaders

SecureHeaders是Twitter送給Web開發者的一份大禮，作為一款Web安全開發工具，Secureheaders能夠自動實施安全相關的header規則，包括內容安全政策(CSP)，防止XSS、HSTS等攻擊，防止火綿羊(Firesheep)攻擊以及XFO點選劫持等。

8、Fontello

Fontello是個圖示字型生成器。這個工具允許使用者把這些圖示Web字型放到自己的專案中。主要特性如下：縮小字形集合，減小字型大小;合併一些字型標記到單個檔案中;訪問大量專業級的開源圖示。

想要成為優秀的Web前端開發工程師，除了好用的工具，專案實戰經驗也必不可少。其實精通Web前端開發並非易事。我們需要具備多種能力，並根據具體情況施展這些能力這有些難度，但並不是不可能。Web前端開發是一項需要花很多時間才能掌握的技能。