这几年，随着新一代web应用的成长，app应用的内容越来越丰富，整体的复杂度也越来越高。前端也随之增加。说到前端工具，大家可能很快就会想到市面上各种常见的开发工具和调试工具，不过这次我们收集了几位资深前端工程师的意见，整理了如下。您可能没有使用过它们，但是如果您使用它们，您肯定会使用它们。约定工具：推荐开发工具：webstorm下载地址：https://www.jetbrains.com/web...简介：工欲善其事，必先利其器。一个得心应手的开发工具是每个前端工程师必备的，不管是简单的页面还是复杂的项目，它都能搞定！丰富的插件资源，简单的版本管理，强大的调试功能，尽在webstorm。tip：通过webstorm设置自定义模板，新建文件时自动填充，完全不用写重复代码。云服务推荐：轻服务地址：qingfuwu.cn简介：想写几个接口，又不想费劲去部署服务。2022最简单易懂的云服务：轻服务等你来用，开箱即用。专注于业务逻辑，在线开发、调试、上线，速度超乎你的想象。提示：现在注册可免费获得10元名额。如果QPS低，完全等同于免费使用各种资源。Markdown编辑器推荐：Typora下载地址：https://typora.io/简介：2022年，你还在因为记不住Markdown语法而手忙脚乱吗？快速上手Typora，Win，Mac，Linux都能用，自动匹配Markdown标签，即时预览，轻松插图，快速导出pdf，LaTex，html，你想要的都有。tip：Typora结合有道云笔记可以实现Markdown文件在多设备间的共享。css博客推荐：csstricks使用地址：https://css-tricks.com/简介：你还在为设计稿头疼吗，快来看看csstricks吧，那些棘手的效果说不定只需几招就能搞定CSS代码行。开源动画库推荐：Lottie官网地址：https://lottiefiles.com/介绍：Airbnb的iOS、Android、Web开源动画库，不仅可以让原生应用像静态素材一样使用从AE或figma导出的动画，您也可以手动控制进度和绑定事件。代码高亮Chrome插件推荐：iFormatTool添加地址：https://chrome.google.com/web...简介：当你打开一个类型或后缀为css、js的网址,json,这个插件会自动高亮页面中的代码，也会根据不同的代码类型提供不同的操作按钮。网页上的代码终于“精简”了。响应式设计预览Chrome插件推荐：windowresizer添加地址：https://chrome.google.com/web...简介：响应式布局网站是当今的主流。使用窗口调整器，您不必担心哪些设备尚不可用。经测试，有了它，你可以自由输入你想要调整的尺寸，模拟不同的分辨率。
