如何在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

相关推荐
程序员小寒2 小时前
VSCode有哪些好用的插件和快捷键?
ide·vscode·编辑器
Byron Loong5 小时前
【Debug】vscode 调试python,如何配置固定调试文件
ide·vscode·python
电子_咸鱼5 小时前
【QT SDK 下载安装步骤详解 + QT Creator 导航栏使用教程】
服务器·开发语言·网络·windows·vscode·qt·visual studio code
HealthScience8 小时前
vscode通过跳板机连接到服务器
服务器·ide·vscode
海市公约19 小时前
HTML网页开发从入门到精通:从标签到表单的完整指南
前端·ide·vscode·程序人生·架构·前端框架·html
Irene19911 天前
VSCode 内置终端 和 系统自带终端 的主要区别
windows·vscode·终端
weixin_404679311 天前
vscode内存过大
ide·vscode·编辑器
七元权1 天前
VSCode连接远程容器失败(Missing GLIBC >=2.28!)
ide·vscode·编辑器·连接容器
信奥胡老师2 天前
苹果电脑(mac系统)安装vscode与配置c++环境,并可以使用万能头文件全流程
c++·ide·vscode·macos·编辑器
奔跑吧 android2 天前
【vscode】【远程 ssh 开发】【环境搭建】
ide·vscode·ssh