如何在vscode里像typora那样插入图片?

如何在vscode里像typora那样插入图片?

实现效果

在vscode里实现typora的 Copy image to ./assets功能

安装markdown image插件

Linux用户配置

Linux users must install xclip.

Ubuntu

sudo apt install xclip

CentOS

复制代码
sudo yum install epel-release.noarch
sudo yum install xclip

Remote Mode

If you want to use in the Remote Mode, please set remote.extensionKind like this:

json 复制代码
"remote.extensionKind": {
  "hancel.markdown-image": [
    "ui"
  ]
}

And if you want to save image in your remote workplace, you must use SFTP upload method. Local couldn't use in Remote Mode.

实际测试发现,remote模式下,需要配置remote.extensionKind,然后在remote的窗口中使用Local的配置即可。具体实现见下一节。

插件配置

❗️ 以remote模式为例。在local模式下配置方式相同。

文件名:img_${YY}${MM}${DD}-${HH}${mm}${ss}${mss}.png

复制代码
img_${YY}${MM}${DD}-${HH}${mm}${ss}${mss}

修改路径为:./assets

这样,在md中按快捷键alt+shift+v即可粘贴图片到./assets/...png

转载需注明出处:CSDN Sylvan Ding

相关推荐
战南诚15 小时前
前端开发vscode插件 - live server
ide·vscode·编辑器
墨抒颖 msy.plus17 小时前
[特殊字符] 从零到一:打造你的VSCode圈复杂度分析插件
ide·vscode·编辑器·插件·cursor
北冥有鱼被烹1 天前
【微知】vscode如何开启markdown的review模式?
ide·vscode·编辑器
携欢1 天前
CodeQL(Mac)安装与测试(Visual Studio)简明指南
ide·vscode·macos
Android小码家1 天前
Vscode + docker + qt 网络监听小工具
vscode·qt·docker
中国胖子风清扬1 天前
Rust 序列化技术全解析:从基础到实战
开发语言·c++·spring boot·vscode·后端·中间件·rust
susu10830189112 天前
如何选择文件夹然后用vscode直接打开
ide·vscode·编辑器
熊猫钓鱼>_>2 天前
在VSCode中更新或安装最新版的npx和uv工具
ide·vscode·uv
猫头虎2 天前
IDE mac M芯片安装报错:如何解决“InsCode.app 已损坏”,无法打开
ide·vscode·macos·inscode·编辑器·idea·mac
蔗理苦2 天前
2025-09-04 HTML1——环境配置与简介
css·vscode·html