隨著技術發展，web網頁開發要求越來越高，開發者都希望能更快速更高效更完美地展示，但工欲善其事必先利其器，今天我們大聖眾包（www.dashengzb.cn）小編就為大家整理8個好用的web開發常用工具，希望可以收藏實踐下。

　　1、Bootstrap

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

　　2、Foundation　　

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

　　3、Cloud9 IDE

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

　　4、Notepad++

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

　　5、Visual Studio Code

　　Visual Studio Code 是一個運行於 OS X，Windows 和 Linux 之上的，針對於編寫現代 web 和雲應用的跨平臺編輯器。

　　6、GIMP

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

　　7、SecureHeaders

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

　　8、Fontello

　　Fontello 是個圖示字型生成器。這個工具允許使用者把這些圖示 web 字型放到自己的專案中。主要特性如下：

　　縮小字形集合，減小字型大小

　　合併一些字型標記到單個檔案中

　　訪問大量專業級的開源圖示

    如果沒有好好利用，工具再多也只是個工具，孰能生巧，多多嘗試，找出最適合自己的工具，能發揮最大效率那就是最好的工具！