前端开发必备的12个辅助工具类网站

本文给大家推荐的是平时学习前端时，经常用到的一些辅助工具类网站。

1. codelf

有一种痛，不是程序员可能不懂，但如果是程序员一定懂，那就是给变量或函数命名。

随着项目越来越复杂，变量和函数数量越来越多，英语水平貌似也 hold 不住了。

虽然每个编程语言都有各种命名规范，但是也不能解决所有的问题。

每个程序员或多或少都在写代码的时候为变量和函数命名苦恼过！

也可以在自己用的编辑器里安装插件，支持 VS Code、Atom、Sublime Text 和 Chrome。

码云笔记就是用 VS Code，也有装这个插件呢。

2. docschina

印象中文，为 Web 前端开发人员提供优质中文文档。

3. regexr

RegExr 是一个基于 HTML/JS 开发的在线工具，用来创建、测试和学习正则表达式。

特性

• 输入时，结果会实时更新
• 支持 JavaScript 和 PHP/PCRE RegEx
• 将匹配项或表达式移至详细信息
• 保存并与他人共享表达式
• 在编辑器中使用 cmd-Z/Y 撤消和重做

4. any-rule

any-rule 正则表达式

any-rule 维护了一个常用正则表达式合集，并且本身是一个支持 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。

查看更多any-rule

5. CSS Sprites Generato

在很多前端展示页面需要用到将小图标拼合为一整个图片，然后在使用的时候，自动裁剪为单一图片展示。

这个时候就需要一个便捷的工具，CSS Sprites Generator 就是这样一个便捷的 CSS 图像拼合工具。

比如多张图片生成雪碧图，还有国内的 CDN 库，赶紧去试一试吧。

6. toollu

众多工具集合，包括时间戳转换，进制转换等

7. bootcdn / baomitu

国内的 CDN 库，速度快

8. jsdelivr

国外的 cdn 库，支持 github，npm，WordPress。

9. gitignore

根据选择会去生成 .gitignore 文件。

根据用户输入的语言类型或者平台类型，自动生成对应的 gitignore 文件。

例如，输入 Vue，React，点击 “Create” 即可。

10. codesandbox

CodeSandbox 是一个在线的代码编辑器，主要聚焦于创建 Web 应用项目。

支持主流的前端相关文件的编辑：JavaScript、TypeScript、CSS、Less、Sass、Scss、HTML、PNG 等。

支持自动代码提示。

比如选择创建相关的项目

可以直接编辑代码运行

11. typora

实用的 Markdown 写作工具，所见即所得。

12. mdnice

MDNice 微信 Markdown 编辑器是一款 Markdown 微信编辑器,拥有良好的兼容性、海量主题样式、免费的图床、强大的技术团队,提供文章一键排版,同时支持知乎、掘金、微信。

使 markdown 语法更加美观，如果你有写博客，那这个非常合适你，强烈推荐。

这个工具是大鹏大佬开发的，码云笔记一直有用这个工具，那个工具仓库 Star 还不到 200 的时候就给它点赞了，因为实在是好用，觉得肯定会火，现在的确是火了，几乎经常写博客的人都知道和用它。

以上关于前端开发必备的12个辅助工具类网站的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。