前端開發工具一覽

優化工具

• 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