随着互联网技术的不断进步，企业对前端开发技术的要求越来越高，尤其是在新技术不断涌入的多元化开发模式下，前端工程师的工作量也在不断增加，合理运用一些方便的自动化工具，web前端开发会轻松很多。

      1、LiveReload

      LiveReload 技术+两块显示屏可以帮你省去重复刷新浏览器这一枯燥的工作。目前实现 LiveReload 的方式很多，如果你倾向于图形化的桌面应用，可以尝试一下。这款应用同时有 Mac 版和 Windows 版，使用起来也很简单，设置好需要监听文件所在的文件夹，然后将一段脚本插入到 HTML 页面即可

      2、Webpack

      现在做前端开发，通常还会涉及到预处理器，虽然技术的多样化给我们带来了更多选择，但要这些技术产生的代码在浏览器中获得一致的表现，还得将其转化为浏览器支持的类型。Webpack 是一款模块加载兼打包工具，丰富的插件让这款工具非常实用。虽然现在 Grunt 和 Gulp 作为两款前端自动化工具非常流行，但其实 Webpack结合Npm脚本在大多数场合就已经足够了。

      3、WeFlow

      WeFlow 是最近腾讯团队推出的一款前端开发工作流工具。WeFlow一个高效、强大、跨平台的前端开发工作流工具，具体的说就是一个 GUI 的前端工具，可以为用户提供一套标准化、规范化的工作流程，从而让大家在交接协作的时候更为高效有序。

      4、CodeKit

      除了免费的工具，还有一款付费工具值得一提。CodeKit 是Mac 下老牌的前端开发辅助工具，目前价格32美刀。虽然不便宜，但功能强大，号称可以编译目前所有的前端脚本，支持浏览器自动刷新，内置Bower，第三方包的安装只需要一次点击即可完成。图形化的界面操作起来也很方便，不差钱的同学可以考虑。

      这些是介绍给你的常用Web前端自动化工具。前端作为互联网产品研发的重要环节，其工作量必然会越来越大，因此可以合理的操作一些自动化工具，不仅可以提高自身的工作效率。同时可以让前端开发更容易。

      想要学习web前端的同学，可以参考千锋成都web前端培训班（cd.mobiletrain.org）的学习路线，千锋成都web前端培训班还为每一位同学准备了一份免费的web前端培训视频，跟着免费视频轻松入门web前端。

上一篇

学习Java必备基础知识，成都Java培训

下一篇

如何从零开始学Python？成都Python培训