轉(zhuǎn)自--作者：Baku菌
鏈接：https://www.zhihu.com/question/28363179/answer/48892534
來源：知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)墅茉，非商業(yè)轉(zhuǎn)載請注明出處。
1件豌、chrome 的神器hostadmin，非常方便的切換host（ps：mac下還是老老實(shí)實(shí)去改host吧控嗜，這個(gè)工具只對chrome生效茧彤，windows倒是不錯(cuò)。還有這個(gè)插件會(huì)和SwitchySharp等工具沖突疆栏，要翻x的時(shí)候記得把hostadmin禁用）
<img src="https://pic4.zhimg.com/50/9852012cffa8e63dd3d450fcca2b87a2_hd.jpg" data-rawwidth="438" data-rawheight="521" class="origin_image zh-lightbox-thumb" width="438" data-original="https://pic4.zhimg.com/9852012cffa8e63dd3d450fcca2b87a2_r.jpg">
2曾掂、反向代理 rpoxy，很方便的把host指向127.0.0.1
<img src="https://pic4.zhimg.com/50/dcd1694043c3bc64494ac0631348aa25_hd.jpg" data-rawwidth="1121" data-rawheight="660" class="origin_image zh-lightbox-thumb" width="1121" data-original="https://pic4.zhimg.com/dcd1694043c3bc64494ac0631348aa25_r.jpg">
<img src="https://pic1.zhimg.com/50/b6accd65edc46b22ae64c2a66f9c83f8_hd.jpg" data-rawwidth="552" data-rawheight="210" class="origin_image zh-lightbox-thumb" width="552" data-original="https://pic1.zhimg.com/b6accd65edc46b22ae64c2a66f9c83f8_r.jpg">
3壁顶、查看json的神器珠洗，chrome的插件 jsonView
<img src="https://pic2.zhimg.com/50/129c8030d62feb3997ad260141900ef9_hd.jpg" data-rawwidth="949" data-rawheight="768" class="origin_image zh-lightbox-thumb" width="949" data-original="https://pic2.zhimg.com/129c8030d62feb3997ad260141900ef9_r.jpg">
4、開發(fā)工具webstorm
<img src="https://pic3.zhimg.com/50/964180799b848435c8a5b036e4dbe2e4_hd.jpg" data-rawwidth="1872" data-rawheight="1080" class="origin_image zh-lightbox-thumb" width="1872" data-original="https://pic3.zhimg.com/964180799b848435c8a5b036e4dbe2e4_r.jpg">
5若专、然后用了grunt的uglify许蓖、copy、ftp-deploy分別依次用作js壓縮、文件拷貝膊爪、上傳到測試服務(wù)器（給測試的同學(xué)用）
<img src="https://pic4.zhimg.com/50/fa5194595080315d0bd39052c5025a01_hd.jpg" data-rawwidth="653" data-rawheight="327" class="origin_image zh-lightbox-thumb" width="653" data-original="https://pic4.zhimg.com/fa5194595080315d0bd39052c5025a01_r.jpg">
6自阱、還有js的單元測試工具 jasmine 和顯示 覆蓋率的 Istanbul
<img src="https://pic4.zhimg.com/50/3bb71c06634c4f9a12af74c834d21df3_hd.jpg" data-rawwidth="664" data-rawheight="426" class="origin_image zh-lightbox-thumb" width="664" data-original="https://pic4.zhimg.com/3bb71c06634c4f9a12af74c834d21df3_r.jpg">
<img src="https://pic1.zhimg.com/50/12b9bb2b0bff5e2df89a446be2e83bc9_hd.jpg" data-rawwidth="1374" data-rawheight="776" class="origin_image zh-lightbox-thumb" width="1374" data-original="https://pic1.zhimg.com/12b9bb2b0bff5e2df89a446be2e83bc9_r.jpg">
以上~~我繼續(xù)去寫測試用例了...Orz
---------------------update 2015.9.7--------------------
從grunt切換到gulp一段時(shí)間，覺得gulp任務(wù)管理起來比較方便米酬，相關(guān)的task只需要require過來就好沛豌，而且這種編寫task的方式個(gè)人比較喜歡，grunt基本被我廢棄了赃额。加派。
gulp的現(xiàn)在用到的插件如下～
<img src="https://pic3.zhimg.com/50/3e6c6cfa0e5e690eff8543481df74c3b_hd.jpg" data-rawwidth="719" data-rawheight="431" class="origin_image zh-lightbox-thumb" width="719" data-original="https://pic3.zhimg.com/3e6c6cfa0e5e690eff8543481df74c3b_r.jpg">
<img src="https://pic2.zhimg.com/50/86af76eae6492447385233651b4ff182_hd.jpg" data-rawwidth="607" data-rawheight="271" class="origin_image zh-lightbox-thumb" width="607" data-original="https://pic2.zhimg.com/86af76eae6492447385233651b4ff182_r.jpg">
<img src="https://pic3.zhimg.com/50/9c9adbaaac188ef644eb54bac21116ad_hd.jpg" data-rawwidth="571" data-rawheight="600" class="origin_image zh-lightbox-thumb" width="571" data-original="https://pic3.zhimg.com/9c9adbaaac188ef644eb54bac21116ad_r.jpg">
