學習前端開發，工具是必不可少的。下面這10款工具是前端開發經常用到的，掌握這些工具有助於高效地開發出“高大上”的網站和app界面，也是初學前端小白成為前端開發高手的有力“神器”哦！
01
Grid Guide
前端開發神器-前端開發工具1
Grid Guide能讓你在線生成柵格。這個小巧的應用能讓你通過自定義間距和列數建立你自己的柵格方案。你甚至可以將每種柵格方案下載為PNG圖片，用於導入Photoshop或Illustrator。
02
PxCook 像素大廚
前端開發神器-前端開發工具2
PxCook像素大廚是一款切圖設計工具軟件，支持PSD文件的文字，顏色，距離自動智能識別。PxCook優點在於將標註、切圖這兩項設計完稿後集成在一個軟件內完成，在你切圖前徘徊於圖片量尺寸的時候，PxCook可以很好地幫助你。
03
Fontello
前端開發神器-前端開發工具3
Fontello 是個圖標字體生成器。這個工具允許用戶把這些圖標 web 字體放到自己的項目中。主要特性如下：縮小字形集合，減小字體大小；合併一些字體標記到單個文件中；訪問大量專業級的開源圖標。
04
Photoshop CC
前端開發神器-前端開發工具4
Photoshop簡稱PS，全球最受歡迎的圖形圖像處理軟件。網頁設計師或者web前端開發人員可利用此軟件進行網頁的設計和切圖，可以自動生成html網頁格式，大大提高了網頁開發效率。
05
Unheap
前端開發神器-前端開發工具5
最新的jQuery插件庫。去尋找一個在策劃列表中的最新JS插件是很困難的，但在Unheap上，你可以輕鬆快速地找到最新的jQuery插件。它們有導航、表單、網頁媒體和其他分類等各種類型的插件。
06
Bootstrap
前端開發神器-前端開發工具6
Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，給你的 Web 開發提供了時尚的版式，表單，buttons，表格，網格系統等等。
07
WebStorm
前端開發神器-前端開發工具7
WebStorm 是一款JavaScript 開發工具，被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。能夠進行代碼格式化、html提示以及代碼檢查和代碼補全、快速修復等。
08
HBuilder
前端開發神器-前端開發工具8
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放註冊以來深受廣大前端朋友們的喜愛。
09
Beyond Compare
前端開發神器-前端開發工具9
Beyond Compare是一款文件及文件夾（目錄）的對比工具。前端開發人員使用Beyond Compare可以管理源代碼，保持文件夾的同步，比較程序輸出。它還支持腳本、插件，尤其對中文支持很好。
10
Browsersync
前端開發神器-前端開發工具10
高效省時的瀏覽器同步測試工具，Browsersync能讓瀏覽器實時、快速響應您的文件更改（html、js、css、sass、less等）並自動刷新頁面。更重要的是 Browsersync可以同時在PC、平板、手機等設備下進行調試，可提高30%的工作效率。
以上是前端開發者經常用到的工具，如果你能熟練掌握這些工具，有助於提高你的前端開發工作效率和專業水平。當然，關於前端開發的工具還有很多，由於前端技術發展十分迅速，將來會有更多更厲害的工具出現。
本文轉載廣州市花都區寶比萬像it培訓學校，圖片來自公開網絡，轉載請註明出處。
