【vscode】vscode paste image插件设置

2024-09-06 09:20
文章标签 设置 vscode 插件 image paste

本文主要是介绍【vscode】vscode paste image插件设置,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本文首发于 ❄️慕雪的寒舍

vscode编辑md文件的时候,如果想插入图片,自带的粘贴只会粘贴到当前目录下,也没有文件重命名,很不友好。

在扩展商店里面有mushan的Paste Image插件,相比自带的,更加友好一点。但是它的配置把我弄糊涂了,简单测试了一下才明白处理的逻辑。

注意,本文编写的是对mushan的Paste Image插件的教程。

image.png

首先是安装这个插件,这个不多说,然后进入插件设置。我这里说明一下每一个设置项的作用,只列出了需要修改的配置项。

注意:该插件的粘贴图片快捷键是CTRL+ALT+V

设置项作用示例配置说明
Base Path基础目录${currentFileDir}该项相当于粘贴文件的时候,应该把什么目录视作工作目录,最终图片路径会以这个path来计算相对路径;currentFileDir就是当前工作区文件的路径,所以不需要修改这个配置。
Default Name图片文件名Y-MM-DD-HH-mm-ss粘贴后的图片文件名,可以根据当前时间格式化命名。注意这里不要添加其他非格式化项,不然容易命令出错。
Name Prefix图片文件名前缀留空该项是图片文件名的前缀,比如设置为image-,则粘贴的图片文件名前面会带上image-
Name Suffix图片文件名后缀留空该项是图片文件名的后缀,设置效果同上。(文件名后缀是在文件扩展名之前的)
Path图片文件保存位置${currentFileDir}图片文件会保存的目录,根据你的需要修改;
Prefix最终文件路径的前缀留空最终文件路径的前缀,建议设置为./
Suffix最终文件路径后缀留空最终文件路径的后缀,不建议添加值,否则会因为扩展名被覆盖而影响解析;

根据我的需要,我需要将图片粘贴到当前md文件所在目录下的img路径中,那么我就需要修改Path和Prefix两个配置项

项目设置
Path${currentFileDir}/img/
Prefix./

如果你不设置Prefix,最终粘贴的图片路径如下

![](img/image-20240124161634.png)

对于绝大部分markdown软件,这个路径都能被正常识别为相对路径并访问到图片。但是对于我正在使用的vuepress框架而言,必须将图片路径添加上./他才能识别出来

![](./img/image-20240124160742.png)

设置了Prefix之后就没有问题了!

这个插件还是很好用的,如果你发现某些设置不生效,可以重启vscode或者重新写入配置项试试(我就遇到过,玄学问题)。

这篇关于【vscode】vscode paste image插件设置的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1141626

相关文章

Java实现为PDF设置背景色和背景图片

《Java实现为PDF设置背景色和背景图片》在日常的文档处理中,PDF格式因其稳定性和跨平台兼容性而广受欢迎,本文将深入探讨如何利用Spire.PDFforJava库,以简洁高效的方式为你的PDF文档... 目录库介绍与安装步骤Java 给 PDF 设置背景颜色Java 给 PDF 设置背景图片总结在日常的

C#中通过Response.Headers设置自定义参数的代码示例

《C#中通过Response.Headers设置自定义参数的代码示例》:本文主要介绍C#中通过Response.Headers设置自定义响应头的方法,涵盖基础添加、安全校验、生产实践及调试技巧,强... 目录一、基础设置方法1. 直接添加自定义头2. 批量设置模式二、高级配置技巧1. 安全校验机制2. 类型

python库pydantic数据验证和设置管理库的用途

《python库pydantic数据验证和设置管理库的用途》pydantic是一个用于数据验证和设置管理的Python库,它主要利用Python类型注解来定义数据模型的结构和验证规则,本文给大家介绍p... 目录主要特点和用途:Field数值验证参数总结pydantic 是一个让你能够 confidentl

Java利用Spire.XLS for Java设置Excel表格边框

《Java利用Spire.XLSforJava设置Excel表格边框》在日常的业务报表和数据处理中,Excel表格的美观性和可读性至关重要,本文将深入探讨如何利用Spire.XLSforJava库... 目录Spire.XLS for Java 简介与安装Maven 依赖配置手动安装 JAR 包核心API介

RabbitMQ 延时队列插件安装与使用示例详解(基于 Delayed Message Plugin)

《RabbitMQ延时队列插件安装与使用示例详解(基于DelayedMessagePlugin)》本文详解RabbitMQ通过安装rabbitmq_delayed_message_exchan... 目录 一、什么是 RabbitMQ 延时队列? 二、安装前准备✅ RabbitMQ 环境要求 三、安装延时队

MySQL设置密码复杂度策略的完整步骤(附代码示例)

《MySQL设置密码复杂度策略的完整步骤(附代码示例)》MySQL密码策略还可能包括密码复杂度的检查,如是否要求密码包含大写字母、小写字母、数字和特殊字符等,:本文主要介绍MySQL设置密码复杂度... 目录前言1. 使用 validate_password 插件1.1 启用 validate_passwo

python设置环境变量路径实现过程

《python设置环境变量路径实现过程》本文介绍设置Python路径的多种方法:临时设置(Windows用`set`,Linux/macOS用`export`)、永久设置(系统属性或shell配置文件... 目录设置python路径的方法临时设置环境变量(适用于当前会话)永久设置环境变量(Windows系统

Go语言编译环境设置教程

《Go语言编译环境设置教程》Go语言支持高并发(goroutine)、自动垃圾回收,编译为跨平台二进制文件,云原生兼容且社区活跃,开发便捷,内置测试与vet工具辅助检测错误,依赖模块化管理,提升开发效... 目录Go语言优势下载 Go  配置编译环境配置 GOPROXYIDE 设置(VS Code)一些基本

小白也能轻松上手! 路由器设置优化指南

《小白也能轻松上手!路由器设置优化指南》在日常生活中,我们常常会遇到WiFi网速慢的问题,这主要受到三个方面的影响,首要原因是WiFi产品的配置优化不合理,其次是硬件性能的不足,以及宽带线路本身的质... 在数字化时代,网络已成为生活必需品,追剧、游戏、办公、学习都离不开稳定高速的网络。但很多人面对新路由器

Spring Boot Maven 插件如何构建可执行 JAR 的核心配置

《SpringBootMaven插件如何构建可执行JAR的核心配置》SpringBoot核心Maven插件,用于生成可执行JAR/WAR,内置服务器简化部署,支持热部署、多环境配置及依赖管理... 目录前言一、插件的核心功能与目标1.1 插件的定位1.2 插件的 Goals(目标)1.3 插件定位1.4 核