前端开发都需要哪些工具
2023-04-26 · 百度认证:重庆猪八戒网络有限公司官方账号
每个前端开发人员都有自己喜欢的开发工具,用这些工具能让编码更容易并且“令人愉快”。分享一些我认为真的很棒的很棒的Web开发工具!
1.Glitch
glitch
好的,这不仅仅是一个工具,还是一个非常棒的编码平台以及一个很棒的技术社区。我可以在内置代码编辑器的帮助下托管我的项目。支持多种语言,但最适合NodeJS。
2.Shadows
brumm.af/shadows
这个网站提供生成平滑阴影的CSS代码,可以创建平滑的边框阴影。它看起来真的很流畅,令人满意。
3.Coolors
coolors.co
这是一款非常好的在线工具,可以为项目生成匹配的颜色方案。如果不喜欢当前的方案,按下空格键,它会重新生成一个配色方案,直到你满意~
4.Blobmaker
blobmaker.app
Blobmaker可帮助你随机生成各种尺寸,不同颜色和形状的SVGBlob。你可以用作背景或创建看起来很酷的动画。
5.Getwavs
getwaves.io
与Blobmaker相似,GetWaves能够随机生成不同颜色和不同数量的波浪。用作网页的页脚或页眉看起来不错。
6.Undraw.co
undraw.co
开放源代码项目的SVG插图集,可用来做登录页面,404页面等,当然普通页面也能用!上面的插图可以不带归属地版权的使用,无需支付任何费用。
7.Marcdown
liyasthomas.github.io/marcdown
由LiyasThomas提供的在线实时的Markdown网页编辑器,它可预览Markdown代码,将其发布到GitHub上。它提供一个非常漂亮的暗黑模式。还可脱机工作,这使得它显得更出色。
8.postwoman
postwoman.io
这是LiyasThomas构建的另一个工具。Postwoman是一个API请求构建工作。开发者可以不使用代理来测试API。这是一个渐进式Web应用程序,可以保存到桌面来用。它是轻量级的产品,基本上可以是Postman的在线替代品。
9.Screely
screely
它可以帮助你创建超级漂亮的网站截图模型。如果你不是MacBook用户,但需要更好的网站图片作为自述文件,它非常适合我们。
10.CSS网格生成器
cssgrid-generator.netlify/
这是SarahDrasner的创建的优秀网站,它使用CSS创建动态网格布局。
以上是10款web前端开发工具分享,希望对你有帮助。