image.png
也可以在自己用的编辑器里安装插件，支持 VS Code、Atom、Sublime Text 和 Chrome。
image.png
image.png
unbug.github.io/codelf/
2. docschina
印象中文，为 Web 前端开发人员提供优质中文文档。
image.png
www.docschina.org
3. regexr
RegExr 是一个基于 HTML/JS 开发的在线工具，用来创建、测试和学习正则表达式。
特性
- 输入时，结果会实时更新
- 支持 JavaScript 和 PHP/PCRE RegEx
- 将匹配项或表达式移至详细信息
- 保存并与他人共享表达式
- 在编辑器中使用 cmd-Z/Y 撤消和重做
image.png
regexr.com/
4. any-rule
image.png
any-rule 正则表达式
any-rule 维护了一个常用正则表达式合集，并且本身是一个支持 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。
image.png
image.png
github.com/any86/any-r…
5. CSS Sprites Generato
在很多前端展示页面需要用到将小图标拼合为一整个图片，然后在使用的时候，自动裁剪为单一图片展示。
这个时候就需要一个便捷的工具，CSS Sprites Generator 就是这样一个便捷的CSS图像拼合工具。
比如多张图片生成雪碧图，还有国内的 CDN 库，赶紧去试一试吧。
image.png
www.toptal.com/developers/…
6. tool.lu
image.png
众多工具集合，包括时间戳转换，进制转换等
tool.lu/
7. bootcdn / baomitu
image.png
国内的CDN库，速度快
image.png
www.bootcdn.cn/ 或 cdn.baomitu.com/
8. jsdelivr
image.png
国外的 cdn 库，支持 github，npm，WordPress。
www.jsdelivr.com
9. gitignore
image.png
根据选择会去生成 .gitignore 文件。
根据用户输入的语言类型或者平台类型，自动生成对应的 gitignore 文件。
例如，输入 Vue，React，点击 “Create” 即可。
www.gitignore.io/
10. codesandbox
CodeSandbox 是一个在线的代码编辑器，主要聚焦于创建 Web 应用项目。
支持主流的前端相关文件的编辑：JavaScript、TypeScript、CSS、Less、Sass、Scss、HTML、PNG 等。
支持自动代码提示。
比如选择创建相关的项目
image.png
可以直接编辑代码运行
image.png
codesandbox.io/
11. typora
image.png
实用的 Markdown 写作工具，所见即所得。
www.typora.io
12. mdnice
image.png
MDNice 微信 Markdown 编辑器是一款 Markdown 微信编辑器,拥有良好的兼容性、海量主题样式、免费的图床、强大的技术团队,提供文章一键排版,同时支持知乎、掘金、微信。
使 markdown 语法更加美观，如果你有写博客，那这个非常合适你，强烈推荐。
资源传送门
- 关注【做一个柔情的程序猿】公众号
- 在【做一个柔情的程序猿】公众号后台回复 【python资料】【2020秋招】 即可获取相应的惊喜哦！
- 自己搭建的博客地址：梦魇回生的博客
「️ 感谢大家」
- 点赞支持下吧，让更多的人也能看到这篇内容（收藏不点赞，都是耍流氓 -_-）
- 欢迎在留言区与我分享你的想法，也欢迎你在留言区记录你的思考过程
