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

相关推荐
Magnum Lehar1 分钟前
vscode游戏引擎的build-clean配置
ide·vscode·游戏引擎
Magnum Lehar5 分钟前
vscode游戏引擎的build-all全局配置
ide·vscode·游戏引擎
程序猿小D42 分钟前
第27节 Node.js Buffer
linux·开发语言·vscode·node.js·c#·编辑器·vim
大鼻噶喳1 小时前
使用VSCode开发MCU,FreeRTOS进Hard_Fault调试
vscode·单片机
我想吹水4 小时前
vscode python debugger 如何调试老版本python
vscode·python·python debugger
android_cai_niao16 小时前
typora图片左对齐
typora·左对齐·居中对齐
ScilogyHunter17 小时前
vscode的c工程配置文件详解
c语言·ide·vscode
摆渡搜不到你18 小时前
Visual Studio Code 1.101.0 官方版
ide·vscode·编辑器
亦良Cool18 小时前
如何让 VS Code 仅通过滚轮放大字体,而不缩放整个界面?
vscode
_刘文凯_1 天前
【无标题】
vscode