前言
轮子永远是帮助你前进的最大动力。
我一直坚信这一点，这篇文章并不是介绍我觉得最好的一些轮子，比如VSC作为现在最火的编辑器，我却不会放到这篇文章中，因为我觉得你都知道，手动滑稽。
这里介绍的十个工具是我自认为踏入前端门槛后，自己跌跌撞撞进一步学习过程中遇到的一些惊艳的工具，他们可能或多或少有冷门的属性，但绝对 能帮到你很多。
You have my word
Redux DevTools
第一个推荐的应该是这些工具中最广为人知的一个了，至少做React的应该都听说过，类似于react dev tools这种，当然Vue也有vue devtools，ng也有angury，但是他们还是有本质的不同的，Redux devtools是专门为了管理Redux概念中actions, dispatch等常用的方法。如果你也用Redux开发，这是一个你不能错过的浏览器插件。
Code Sandbox
网址在这儿，大家如果经常浏览 dev.to或者medium之类的网站，代码沙盒应该很经常遇到：
这就是code sandbox很方便的地方，你甚至可以把它集成到你的博客中。
但这不仅仅是它强大的地方，你可以在里面创建很多种工程：
同时在工程里还要很明显的依赖配置，代码调试，类似VSC的开发环境，自动保存时的代码格式化插件，以及无与伦比的写好即部署好的体验
写写Demo，分享给他人，简直是神器，Chrome OS的在线编辑神器，不过可能需要科学上网么？
VisBug
同样是浏览器插件，这款插件可以让你完成网站元素的拖动，修改等，可以说是前端开发阶段很好用的一款工具了。
Firebase
谷歌推出的处理后端服务的解决方案，看一下API就知道它的强大了：
七牛云对象存储
这个好像才是知道的最多的。。。为我写第一个工具说的话道歉。
CSS Spirites generater
网址在这儿.
雪碧图这个东西，也算前端工程师都应该知道的东西了，尽管现在矢量图标好像更火，但是在一些场合雪碧图还是有自己的一席之地的。
上面网址是一个自动化构建雪碧图的工具，很方便。
大力盘
懂得都懂，别只存，要看的。
Auth0
Auth0的话，在国外处理身份认证的服务里算是元老了，集成第三方认证的服务，图省事的话可以用用，我主要是学习的时候使用，估计在国内不会有什么反响，但还是记下来，某个学习阶段来看还是不错的工具。
Prisma
我第一次知道Prisma是在nest.js的学习时，当时看了，再和graphql的原生实现一比，真香，总之Prisma GraphQL API 提供了强大的数据抽象与构建块，来辅助开发灵活可扩展的 GraphQL 服务端。
但是国内graphql的进展情况可能阻碍了prisma的发展，但这仍然是有着16000star的优秀项目。
zeit now
想免费体验serverless么？没有门槛，随便用。