转自--作者：Baku菌
链接：https://www.zhihu.com/question/28363179/answer/48892534
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
1、chrome 的神器hostadmin，非常方便的切换host（ps：mac下还是老老实实去改host吧，这个工具只对chrome生效，windows倒是不错。还有这个插件会和SwitchySharp等工具冲突，要翻x的时候记得把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、开发工具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压缩、文件拷贝、上传到测试服务器（给测试的同学用）
<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">
以上~~我继续去写测试用例了...Orz
---------------------update 2015.9.7--------------------
从grunt切换到gulp一段时间，觉得gulp任务管理起来比较方便，相关的task只需要require过来就好，而且这种编写task的方式个人比较喜欢，grunt基本被我废弃了。。
gulp的现在用到的插件如下～
<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">
