网站制作当中，同样非常注重现代web前端开发的综合工具，比如前端构建工具，打包工具，扩展工具，格式化工具，压缩工具等等，这些都是会经常使用到的
现代前端Web开发的工具
一旦掌握了编码技巧，接下来就要熟悉现有的一套工具。让我们深入了解Web开发人员的不同工具选项。
构建工具
现代构建工具在构建和捆绑代码以及帮助开发方面非常有用。
的WebPack
截至2019年的最佳工具，用于捆绑和构建代码。它是现代JavaScript应用程序的静态模块捆绑器。
您可以了解所有相关信息，并从以下官方文档中进行设置：
Webpack文档和设置
卷起
Rolpack是Webpack的替代品。Rollup是JavaScript的模块捆绑器，它将小块代码编译成更大，更复杂的东西，例如库或应用程序。它使用ES6版本中包含的代码模块的新标准化格式。
汇总文档和设置
NPM
包管理器用于安装，共享和分发代码。他们还管理项目中的依赖项。
NPM
它是迄今为止最常用的JavaScript包管理器。
NPM官方文档
Linters和Formatters
现在，在完成所有复杂的学习之后，您需要确保您的代码清晰且格式良好。清洁代码是可维护和可读的。还有用于处理代码格式化和linting的工具。
ESLint
ESLint是业内使用最广泛的棉绒。它处理格式化，您可以根据您的团队/个人编码标准定义规则，而linter将为您捕获缺陷。
ESLint官方网站，用于设置和文档
漂亮
如果您正在寻找除ESLint之外的其他内容，这是另一种选择。
更漂亮的官方网站和文档
Jquery - 2019年没有增值
你可能想知道为什么这篇文章没有谈到JQuery？好吧，它是2019年，JQuery很棒，但它在2019年的技能组合中没有任何价值。网络开发已经走过了漫长的道路，使用现代前端框架，没有必要浪费时间学习像JQuery的。
我将添加到这个桶的其他一些技术将是像Ember和KnockoutJS这样的框架。它们介绍时非常棒，但是有了像React和Angular这样的强大框架，它们很快就会过时。
免责声明： 如果您必须支持使用这些旧技术的遗留代码，那么您仍然需要花时间学习它们。
推荐阅读:
结论
恭喜你到达文章的最后！如果您不熟悉前端开发，那么一开始就可能会遇到压力。但是，凭借编程的基本技能，如果您明智地选择您拥有的选项，您将能够成为一名前端Web开发人员。
如果您喜欢这篇文章，请与他人分享。
