前端開發工具【轉】

---

三款 chrome 插件

　　前端開發都知道，修改 css 和 js 代碼簡直比眨眼頻率還要更高。爲了能保持節奏提升效率，通常都會把環境部署到本地。

　　若是先後端團隊徹底分離，前端環境只是一個 web server 甚至直接訪問文件系統就能搞定。可是大部分狀況二者無法徹底分離，前端的樣式和交互須要依附在後端的內容上。

因而後端的各類語言、db、cache 等組件都須要一併部署。產品越大環境也就越複雜，想部署也是有心無力。不過通常公司內網速度也不慢，用開發服務器也能接受。

　　可是對於假期在家加班的五好童鞋來講就徹底不是這麼回事，生產環境下前端文件有 CDN 加速卻是沒啥影響。開發時禁掉緩存每次所有從新加載，按個 F5 巴不得下樓溜一

圈。好在發現了 chrome app/extension 完美解決的方案，心情簡直不能更好。

　　整個方案很簡單，只需三部便可完成。每部分所需的插件及用法以下：

• 部署文件系統的代碼到本地服務器
  使用 web server for chrome，選中目標目錄就部署成功，至關簡單。

• 將指定路徑的 http request 重定向到本地服務器
  使用 Switcheroo Redirector，只需分別填寫目標地址和對應的本地服務器地址便可，若是前端的代碼單獨部署在獨立域名或目錄的話，兩個字符串就能搞定。

• 修改 response header 容許跨域資源訪問
  使用 Allow-Control-Allow-Origin: *，默認會修改全部 response，安全起見最好限定本地服務器。（* 若是產品不須要訪問跨域資源的話，這步均可以省略 *）