过来几年间,随着 Web 利用新世代的成长,app 利用内容越来越丰盛,与之一起晋升的还有前端整体的复杂度。提到前端工具,兴许你会迅速想到各种市面上常见的开发工具、调试工具,但本次咱们征集了数位资深前端工程师的意见整顿了如下几个你可能没用过,但用了必定会说好的工具:
开发工具举荐:webstorm
下载地址: https://www.jetbrains.com/web…
简介:工欲善其事,必先利其器。一款得心应手的开发工具是每一个前端工程师所必备的,无论是简略的页面还是简单的工程,它都能 handle!丰盛的插件资源、简略的版本治理、弱小的调试性能,尽在 webstorm。
tip:通过 webstorm 设置自定义模板,新建文件时可主动填充,齐全无需编写反复的代码。
云服务举荐:轻服务
应用地址:qingfuwu.cn
简介:想写几个接口,但又不想大动干戈部署服务,2022 年最简略、易懂的云服务:轻服务等你来应用,开箱即可用,专一业务逻辑,在线开发、调试、上线,你想不到的快。
tip: 当初注册能有十块钱的收费额度,QPS 较低的话齐全相当于收费应用各种资源。
Markdown 编辑器举荐:Typora
下载地址:https://typora.io/
简介:2022 年,还在为记不住 Markdown 语法而慌手慌脚吗?连忙用 Typora,Win、Mac、Linux 都能用,主动匹配 Markdown 标记,即时预览、轻松插图、疾速导出为 pdf、LaTex、html,你想要的它都有。
tip: Typora 联合有道云笔记,可实现多设施共享 Markdown 文件。
css 博客举荐:css tricks
应用地址:https://css-tricks.com/
简介:还在为设计稿头疼吗,连忙看看 css tricks,可能那些强人所难的成果只须要几行 css 代码就能解决了。
开源动画库举荐:Lottie
官网地址:https://lottiefiles.com/
简介:Airbnb 开源的面向 iOS、android、Web 的动画库,不仅能让原生 app 像应用动态素材一样应用 AE 或 figma 导出的动画,还能手动管制进度、绑定事件。
代码高亮 Chrome 插件举荐:iFormatTool
<!—->
增加地址:https://chrome.google.com/web…
简介:在你关上类型或后缀为 css、js、json 的网址时,这款插件会主动将页面中的代码进行高亮显示,并且还会依据不同的代码类型提供不同的操作按钮。网页上的代码终于“剪的断,理不乱”了。
响应式设计预览 Chrome 插件举荐:window resizer
增加地址:https://chrome.google.com/web…
简介:响应式布局的网站已是当今支流,有了 window resizer 就不用放心哪些设施还没测试了,有了它你还能够随便输出想要的尺寸进行调整、模仿不同分辨率。