Question

前端开发有哪些工具可以提高效率

Answer 1

1. 掘金 Chrome 插件

2. Vue.js devtools 。 Chrome 开发者工具扩展，用于调试 Vue.js 应用。

3. React Developer Tools，可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。

4. AngularJS Batarang  ，是适用于 Chrome 的 AngularJS WebInspector 扩展。AngularJS Batarang 是开发者工具扩展，用来调试和分析 AngularJS 应用。

5. ng-inspector for AngularJS

6. EnjoyCSS ，能够通过图形化的界面帮助你在线生成 CSS3 代码，可谓前端开发者的一大利器。

7. LiveReload ，会监控你指定的目录中文件，如果有文件被更改，它就自动触发浏览器刷新页面，这样我们不用每次修改文件后，都要去按下 F5 刷新页面。

8. jSonView，很方便地帮助你验证和查看 jSON 文档。

9. User-Agent Switcher for Chrome，有了 User-Agent Switcher for Chrome，只需要一个浏览器插件，你可以随时更换 UA，测试网页的自适应情况，能够帮你很好地提高开发效率。

10. Page Ruler， 能够帮你快速查看网页中某个具体控件或者整个网页具体尺寸的情况，测量网页元素，再也不用打开占据大片空间的「检查元素」窗口了。

工具只是我们开发过程中的辅助工具，探索好用的工具的同时，提高我们自己的实力才是真的。

Answer 2

请学习gulp，更高级的可以结合webpack。
想不手动刷新浏览器，请学习browser-sync。

Answer 3

前端开发需要熟练掌握js语言，没有工具可以替代。

Answer 4

Dreamweaver sublime 等等……