共计 2885 个字符，预计需要花费 8 分钟才能阅读完成。
明天给大家举荐的是平时学习前端时，常常用到的一些辅助工具类网站。
前言
大家好，我是你们的 猫哥，一个不喜爱吃鱼、又不喜爱喵 的超级猫 ~
猫哥是一个长年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源我的项目、罕用技巧，在此分享给大家。
公众号：前端 GitHub，专一于开掘 GitHub 上优良的前端开源我的项目，并以专题的模式举荐，每专题大略 10 个好我的项目，每周会有一到三篇精髓文章推送，与时俱进版前端资源教程。
曾经举荐了 面试我的项目 、css 奇技淫巧我的项目、 代码标准我的项目 、 数据结构与算法我的项目 、JavaScript 奇技淫巧我的项目、 前端必备在线工具 等专题的近 100 个优良我的项目了。
平时如何发现好的开源我的项目，能够看看这篇文章：GitHub 上能挖矿的神仙技巧 – 如何发现优良开源我的项目
以下为【前端 GitHub】的第 14 期精髓内容。
明天给大家举荐的是平时学习前端时，常常用到的一些辅助工具类网站。
| 网址 | 形容 |
|---|---|
| unbug.github.io/codelf | 变量命名智能举荐（反对中文） |
| www.docschina.org | Web 前端开发人员提供优质中文文档 |
| regexr.com | 正则表达式验证匹配 |
| any-rule | 正则表达式库，十分全，应用起来很不便 |
| www.toptal.com/developers | 多张图片合成雪碧图，并生成对应 css |
| tool.lu | 泛滥工具汇合，包含工夫戳转换，进制转换等 |
| www.bootcdn.cn 或 cdn.baomitu.com | 国内的 CDN 库，速度快 |
| www.jsdelivr.com | 国外的 cdn 库，反对 github，npm，WordPress |
| www.gitignore.io | 依据抉择会去生成 .gitignore 文件 |
| codesandbox.io | 在线编辑代码 |
| www.typora.io | 实用的 Markdown 写作工具，所见即所得 |
| mdnice.com | 使 markdown 语法更加好看，如果你有写博客，那这个十分适合你(强烈推荐) |
1. codelf
有一种痛，不是程序员可能不懂，但如果是程序员肯定懂，那就是给变量或函数命名。
随着我的项目越来越简单，变量和函数数量越来越多，英语水平貌似也 hold 不住了。
尽管每个编程语言都有各种命名标准，然而也不能解决所有的问题。
每个程序员或多或少都在写代码的时候为变量和函数命名苦恼过！
也能够在本人用的编辑器里装置插件，反对 VS Code、Atom、Sublime Text 和 Chrome。
超级猫就是用 VS Code，也有装这个插件呢。
https://unbug.github.io/codelf/
2. docschina
印象中文，为 Web 前端开发人员提供优质中文文档。
https://www.docschina.org
3. regexr
RegExr 是一个基于 HTML/JS 开发的在线工具，用来创立、测试和学习正则表达式。
个性
- 输出时，后果会实时更新
- 反对 JavaScript 和 PHP/PCRE RegEx
- 将匹配项或表达式移至详细信息
- 保留并与别人共享表达式
- 在编辑器中应用 cmd-Z/Y 吊销和重做
https://regexr.com/
4. any-rule
any-rule 正则表达式
any-rule 保护了一个罕用正则表达式合集，并且自身是一个反对 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。
https://github.com/any86/any-rule
5. CSS Sprites Generato
在很多前端展现页面须要用到将小图标拼合为一整个图片，而后在应用的时候，主动裁剪为繁多图片展现。
这个时候就须要一个便捷的工具，CSS Sprites Generator 就是这样一个便捷的 CSS 图像拼合工具。
比方多张图片生成雪碧图，还有国内的 CDN 库，连忙去试一试吧。
https://www.toptal.com/developers/css/sprite-generator
6. tool.lu
泛滥工具汇合，包含工夫戳转换，进制转换等
https://tool.lu/
7. bootcdn / baomitu
国内的 CDN 库，速度快
https://www.bootcdn.cn/ 或 https://cdn.baomitu.com/
8. jsdelivr
国外的 cdn 库，反对 github，npm，WordPress。
https://www.jsdelivr.com
9. gitignore
依据抉择会去生成 .gitignore 文件。
依据用户输出的语言类型或者平台类型，主动生成对应的 gitignore 文件。
例如，输出 Vue，React，点击 “Create” 即可。
https://www.gitignore.io/
10. codesandbox
CodeSandbox 是一个在线的代码编辑器，次要聚焦于创立 Web 利用我的项目。
反对支流的前端相干文件的编辑：JavaScript、TypeScript、CSS、Less、Sass、Scss、HTML、PNG 等。
反对主动代码提醒。
比方抉择创立相干的我的项目
能够间接编辑代码运行
https://codesandbox.io/
11. typora
实用的 Markdown 写作工具，所见即所得。
https://www.typora.io
12. mdnice
MDNice 微信 Markdown 编辑器是一款 Markdown 微信编辑器, 领有良好的兼容性、海量主题款式、收费的图床、弱小的技术团队, 提供文章一键排版, 同时反对知乎、掘金、微信。
使 markdown 语法更加好看，如果你有写博客，那这个十分适合你，强烈推荐。
这个工具是大鹏大佬开发的，超级猫始终有用这个工具，那个工具仓库 Star 还不到 200 的时候就给它点赞了，因为切实是好用，感觉必定会火，当初确实是火了，简直常常写博客的人都晓得和用它。
超级猫还奉献了 2 种主题呢，外面的 绿意、科技蓝 的主题就是笔者奉献的，哈哈。
https://github.com/mdnice/markdown-nice
最初
人不知; 鬼不觉，曾经写到第 14 期了呢，曾经分享超过 100 个好的前端我的项目了呢，往期精文请看下方宝藏仓库，点击很危险，请慎入！
[前端 GitHub]：https://github.com/FrontEndGitHub/FrontEndGitHub
平时如何发现好的开源我的项目，能够看看这篇文章：如何在 GitHub 上发现优良开源我的项目 和 如何应用 GitHub 进行精准搜寻的神仙技巧。
感觉有用？喜爱就珍藏，顺便点个赞吧，你的反对是超级猫最大的激励！
能够加超级猫的 wx：CB834301747，一起闲聊前端。
微信搜“前端 GitHub”，回复“电子书”即能够取得 160 本前端精髓书籍哦。
往期精文
- 10 个 GitHub 上超火的前端面试我的项目，打造本人的加薪宝库！
- 12 个 GitHub 上超火的 JavaScript 奇技淫巧我的项目
- 10 个 GitHub 上超火的 CSS 技巧我的项目，找到写 CSS 的灵感！
- 11 个超火的前端必备在线工具，终于有工夫下班摸鱼了
- 11 个超火的大厂前端代码标准，你也能写出诗一样的代码！
