好用的工具推荐

[funnycoderstar]

画图工具

draw.io

开源github地址：https://github.com/jgraph/drawio

强烈推荐，免费开源，哈哈，从网上找到几个还要收费，但是看到很多都是基于这个的。

思维导图

• XMind
• whimsical: Whimsical 是一个用于思考和协作的可视化工作空间，结合了流程图、思维导图、线框图、便笺、文档等多种类型
• gitMind: 免费在线思维导图软件，简化逻辑梳理，集思广益，释放创造力在线脑图、思维导图、流程图、工业设计、工程管理，一图涵千面

Markdown排版

使用工具 markdown-nice， 一种支持自定义样式的微信 Markdown 排版工具

同样也是一款开源的工具 github地址： https://github.com/mdnice/markdown-nice

tableconvert

tableconvert: 一个在线表格生成工具，可生成Markdown、HTML、LaTex、Excel等表格，最方便的是支持导入功能，实现各种格式的表格转换，偶尔写博客用得上

carbon

carbon: 可以用来生成代码图片的网站。

StackBlitz

StackBlitz: 很强大的在线编辑器，把 vsCode带到线上

Prettier Playground

Prettier Playground：Prettier是一个支持JavaScript的代码格式化程序，包括ES2017, JSX, Angular, Vue, Flow, TypeScript等等。它删除了初始样式，代之以标准统一，遵循最佳实践的样式。这个便携工具在集成开发环境（IDE）中非常受欢迎，同时它也有一个在线版本——Playground，可用于美化代码。

cssfx

cssfx：cssfx网站，汇集了许多常用的漂亮的动画小组件，比如按钮点、链接的点击滑动效果，还有一些常用的loading动画小组件，这些小组件的代码十分简洁，只有CSS没有JS，点击对应的组件，就会显示对应的源码，很方便的集成到你的项目中。此项目中的代码免费开源并遵守MIT许可。

在线练习平台

git

• https://learngitbranching.js.org
• https://github.com/pcottle/learnGitBranching

  正则

• https://regexone.com/
• https://regexr.com/

  SQL

• https://sqlzoo.net/

想法

代码真的可以改变世界，程序员真的是改变我们平常生活方式的一种职业，很神奇，平常遇到的一些问题或者使用不舒服的软件，首先会去github上搜一下，如果没有现成的，就会考虑自己去实现一个。

为程序员这个职业点赞！

[iiuhuy]

真香。drawio 还有 vscode 的插件 https://github.com/hediet/vscode-drawio

[funnycoderstar]

• xmind vscode插件：https://github.com/souche/vscode-mindmap

• markdown转思维导图插件：https://markmap.js.org/repl/

• Mermaid 是一个基于 Javascript 的图表绘制工具，通过解析类 Markdown 的文本语法来实现图表的创建和动态修改：https://github.com/mermaid-js/mermaid