前端開發工具一覽

優化工具

• JPG、PNG壓縮工具：在線編輯網站

• SVG在線壓縮：在線編輯網站

• 在線製做favicon

• 在線檢測兼容性Can I Use

• 不一樣瀏覽器hack一覽網站

• CSS normalize

調試工具

• 調試網站模擬不一樣系統是所需虛擬機：Virtual Box、VMware

• Windows不一樣系統鏡像（包含不一樣的IE瀏覽器版本）

• 安卓模擬器

• 瀏覽器同步測試工具BrowerSync

• 在線網站性能測試WebPagetest

Polyfill

• 焦點圖組件庫

• picture元素模擬庫

• 兼容老版本IE不支持HTML5的模擬庫

• 兼容老版本IE不支持CSS3的媒體查詢的模擬庫

小工具

• icon字體圖標在線生成工具Ico Moon

• 阿里巴巴矢量圖標庫Iconfont

• 雪碧圖生成工具CssGaga

• 瀏覽器插件---Web前端助手Helper

• Gith UI操做軟件SourceTreeSetup

• 取色軟件Picpick

• LongPathTool v2.20 綠色版(Windows長路徑文件刪除工具)

前端開發經常使用工具

• Photoshop

• Axure

• Sublime Text、Atom

• Emmet

• Node.js、NPM

• Windows下安裝Git Bash、GUI

• Grunt、Gulp、Webpack

• Fiddler

• 經常使用配置文件：rebots.txt、humans.txt、.editorconfig、gitignore、LICENSE.txt、README.md、CHANGELOG.md

• 經常使用庫和框架Bootstrap、JQuery、React、AngularJs、Vue

• Apache

• FireFox 15.0.1