Web开发工具正以极快的速度被创建出来,每个月都有新的工具出现,旧的Web开发工具突然失去相关性或演变获得额外的功能,趋势来了又去,跟踪所有这些变化,可能对单个开发人员和企业来说都是一项艰巨的工作。然而,当明智地选择和熟练地使用这些Web开发工具时,它们可以极大地提高开发人员的工作效率和他们在UX、网站/应用程序交互性、外观和感觉方面的工作成果。在本文中,我们将列举一些Web开发工具,这些工具肯定会使您在2020年的生活更加轻松。
目录
1. 自动化测试
测试在任何开发工作中都占有相当大的份额,在每次重大更改之后在许多不同的设备和浏览器上运行测试既枯燥又耗时。自动化工具既可以避免浪费时间,又可以更有效地把时间花在创造性工作上,还可以消除在此过程中出现人为错误的可能性。像Gulp这样的任务运行器和像Selenium这样的浏览器自动化系统可以检测代码中的大多数错误,并在不同的浏览器出现故障时向您发出警告。有些(例如,Sauce Lab)提供远程访问它们的功能,而不需要设置自己的测试系统。
2. 用户表单
表单是收集用户数据、了解用户偏好、至少在正确使用时获得反馈的最有效和最直接的方法之一:不要用大量的字段来恐吓用户,让他们填写或用侵入性的问题惹恼他们。他们往往是有点无聊,但是可以使用许多更现代工具试图使标准的接触领域和支付选项看起来很迷人。
有许多选项可供选择,例如Gravity Forms、Formstack、Typeform、Jotform等等。尽管它们在功能和价格上非常相似,但还是有区别的。有些网站提供了更多的功能,但限制了你可以使用表单的网站数量,而另一些网站没有设置任何限制,只是在一个标准包中提供了有限数量的功能。对于在线表单生成器来说,没有理想的选择,这取决于您需要它做什么。然而,有一些迹象表明您正在处理的是一个高质量的工具:它应该是灵活的(例如,它应该是灵活的)。,既可以创建一个字段联系表单,又可以创建一个多页面调查),快速,简单易用(平均一个表单不会花费你超过五分钟的时间),可以在任何网站上使用。
3. 任务自动化
像Grunt这样的任务运行程序可以极大地减少你花在日常和重复性任务上的时间,比如缩小、单元测试、编译、编写代码等等。Grunt为常用的任务提供了许多捆绑的插件,并且易于扩展,提供了自己编写必要任务的功能。另一个有用的特性是可以将多个任务合并为一个任务。在配置Gruntfile之后,该工具将在几乎没有监督的情况下完成大部分日常工作。
选择Grunt的另一个原因是它的快速发展的社区已经有了数百个插件,涵盖了大多数开发人员需要处理的任务。如果有人还没有为你编写需要的代码,你可以自己轻松地完成。
4. 实时刷新
每次在代码中做任何更改时都需要按下“刷新”按钮,这看起来似乎是一件微不足道的事情,但是在一天中重复数百次之后,就会变得非常烦人。LiveReload做了一件非常简单的事情,然而,可以使你的开发更流畅。它监视文件系统中的更改,并在您保存文件时自动应用这些更改。甚至CSS编辑和图像更改也会立即应用,允许您查看正在开发中的页面。不需要刷新,使开发过程更加精简,允许您不受干扰地继续工作。
目前, 在 Firefox, Chrome, Safari, and 苹果 Safari 中可以使用它。
5. React Native
React Native是一个JavaScript框架,用于使用Facebook的React JavaScript库构建本地应用程序。它正在快速发展,几乎每个月都会发布一个新版本,使用最新版本的JavaScript,可以支持许多强大的功能,比如热重载。然而,它最吸引人的地方之一是它的跨平台性,大部分代码在iOS和Android之间共享,只有非常有限的情况需要创建专门针对这个或那个平台的组件。它不仅方便,而且还提供了比大多数其他框架更好的性能和与主机平台的集成。
6. Sketch
在过去的几年里,Sketch已经虽然发展缓慢而但是稳定地巩固了它作为优秀设计工具的地位,在Photoshop的位置上有了相当大的进步。有许多功能可以推荐,它有一个简单、直观、漂亮的界面、自动保存功能、无限画布等等。它对web开发人员特别有吸引力的地方在于,它常常让人感觉它是作为用户界面设计创建工具而构建的。它的开发人员似乎理解UI设计人员的需求,并不断地满足他们,在每个新版本中都增加了针对他们的功能。它仍在以惊人的速度发展,经过7年的开发已经达到了第49版,而且似乎没有放缓。这种速度可能会以特定的稳定性成本为代价,但是开发团队总是很快地用补丁解决新发现的bug。
是时候更新你的开发工具了
web开发的场景正在迅速变化,如果您想保持最新,你必须不时地更新您的工具集。这可能需要大量的时间来适应新的应用程序,但在效率和结果方面的回报是值得的。