聽說優秀的Web前端開發工程師都會用這幾個工具！

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

1、Bootstrap

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

2、Foundation

Foundation是一個易用、強大而且靈活的框架，用於構建基於任何裝置上的Web應用。提供多種Web上的UI元件，如表單、按鈕、Tabs等。

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字型放到自己的專案中。主要特性如下：縮小字形集合，減小字型大小;合併一些字型標記到單個檔案中;訪問大量專業級的開源圖示。

這裡推薦下，自己是一名從事了5年web前端工程師，目前辭職做線上教育講師，建立了一個web前端學習交流秋秋圈：767273102 ，每天會在裡面直播分享技術！根據這幾年從事前端的經驗，整理了一份最適合2019年學習的web前端乾貨，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，歡迎大家加入，這裡是前端學習者的集中地

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