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

相关推荐
bandaostart1 小时前
VsCode+Cmake使用说明
ide·vscode·编辑器
freshman_y1 小时前
个人VSCode一些配置记录
ide·vscode·编辑器
码农诗人1 小时前
AI代码生成插件continue用vscode源码编译步骤
vscode·continue·源码编译
JavaPub-rodert8 小时前
VSCode 接入 Codex(基于 sub2api 的完整实战指南)
ide·vscode·编辑器·codex
守护安静星空9 小时前
ubuntu vscode 调试 at32f435vmt7
linux·vscode·ubuntu
2501_915921439 小时前
VSCode 写 Swift 运行到 iPhone?快蝎 IDE 开发实战体验
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
BestOrNothing_20159 小时前
Ubuntu 22.04 下使用 VS Code 搭建 ROS 2 Humble 集成开发环境
c++·vscode·python·ros2·ubuntu22.04
weixin_426689201 天前
vscode C语言编译环境搭建(单个文件)
c语言·ide·vscode
BestOrNothing_20151 天前
Ubuntu 22.04 下调整 VS Code 界面及字体教程
linux·vscode·ubuntu22.04·界面调整
计算机安禾1 天前
【C语言程序设计】第39篇:预处理器与宏定义
c语言·开发语言·c++·vscode·算法·visual studio code·visual studio