在VSCode中使用Excalidraw

概述

Excalidraw是一款非常不错的示意图绘制软件,没想到在VSCode中有其扩展,可以在VScode中直接使用。

安装扩展

使用

需要创建.excalidraw.svg.excalidraw.excalidraw.png等名称的文件。

搭配手写版使用

自由画笔工具可以配合手写板,自由的绘制和书写。

在VSCode中使用Excalidraw的好处就是,生成的svg图片可以直接在.md或.html文件中插入和使用。

而SVG的好处一个是文件体积小,另一个是你随时可以方便修改。

总结

Excalidraw可以作为简单图示的工具,更复杂和精确的可以尝试InkScape或者手写。

相关推荐
我的名字帅不帅9 小时前
Vue3通用的 svg 组件封装 - svgIcon组件
svg
zhong liu bin9 小时前
Vue框架技术详解——项目驱动概念理解【前端】【Vue】
前端·javascript·vue.js·vscode·vue
Blue桃之夭夭1 天前
Visual Studio Code设置个性化背景教程
ide·vscode·编辑器
byte轻骑兵2 天前
365 天技术创作手记:从一行代码到四万同行者的相遇
ide·vscode·编辑器
拜无忧2 天前
前端,用SVG 模仿毛笔写字绘画,defs,filter
前端·css·svg
奥特曼打小白2 天前
Visual Studio Code的第一次安装
ide·vscode·编辑器
weixin_456904272 天前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
小猫挖掘机(绝版)2 天前
通过tailscale实现一台电脑上vscode通过ssh连接另一台电脑上的VMware Linux 虚拟机
linux·windows·vscode·ubuntu·ssh
和小胖11222 天前
第二讲 Vscode+Python+anaconda 高阶环境配置
ide·vscode·python
陈老老老板2 天前
Visual Studio Code 中为Copilot 添加 Bright Data 的 Web MCP
ide·vscode·copilot