Web前端开发常用的开发工具

发表于 分类于 本文字数： 1k 阅读时长 ≈ 1 分钟

分享的关于Web前端开发常用的十款很优秀的开发工具汇总。

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