【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

相关文章

Spring MVC如何设置响应

《SpringMVC如何设置响应》本文介绍了如何在Spring框架中设置响应,并通过不同的注解返回静态页面、HTML片段和JSON数据,此外,还讲解了如何设置响应的状态码和Header... 目录1. 返回静态页面1.1 Spring 默认扫描路径1.2 @RestController2. 返回 html2

四种简单方法 轻松进入电脑主板 BIOS 或 UEFI 固件设置

《四种简单方法轻松进入电脑主板BIOS或UEFI固件设置》设置BIOS/UEFI是计算机维护和管理中的一项重要任务,它允许用户配置计算机的启动选项、硬件设置和其他关键参数,该怎么进入呢?下面... 随着计算机技术的发展,大多数主流 PC 和笔记本已经从传统 BIOS 转向了 UEFI 固件。很多时候,我们也

Linux中chmod权限设置方式

《Linux中chmod权限设置方式》本文介绍了Linux系统中文件和目录权限的设置方法,包括chmod、chown和chgrp命令的使用,以及权限模式和符号模式的详细说明,通过这些命令,用户可以灵活... 目录设置基本权限命令:chmod1、权限介绍2、chmod命令常见用法和示例3、文件权限详解4、ch

SpringBoot项目引入token设置方式

《SpringBoot项目引入token设置方式》本文详细介绍了JWT(JSONWebToken)的基本概念、结构、应用场景以及工作原理,通过动手实践,展示了如何在SpringBoot项目中实现JWT... 目录一. 先了解熟悉JWT(jsON Web Token)1. JSON Web Token是什么鬼

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

使用Spring Cache时设置缓存键的注意事项详解

《使用SpringCache时设置缓存键的注意事项详解》在现代的Web应用中,缓存是提高系统性能和响应速度的重要手段之一,Spring框架提供了强大的缓存支持,通过​​@Cacheable​​、​​... 目录引言1. 缓存键的基本概念2. 默认缓存键生成器3. 自定义缓存键3.1 使用​​@Cacheab

IDEA常用插件之代码扫描SonarLint详解

《IDEA常用插件之代码扫描SonarLint详解》SonarLint是一款用于代码扫描的插件,可以帮助查找隐藏的bug,下载并安装插件后,右键点击项目并选择“Analyze”、“Analyzewit... 目录SonajavascriptrLint 查找隐藏的bug下载安装插件扫描代码查看结果总结Sona

java如何调用kettle设置变量和参数

《java如何调用kettle设置变量和参数》文章简要介绍了如何在Java中调用Kettle,并重点讨论了变量和参数的区别,以及在Java代码中如何正确设置和使用这些变量,避免覆盖Kettle中已设置... 目录Java调用kettle设置变量和参数java代码中变量会覆盖kettle里面设置的变量总结ja

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

[英语单词] paste

这个单词的意思,有时候可能会被,被copy/paste误导了,会有一种假象,只有copy了才可以paste。 其实还可以将两个东西paste在一起。比如下面的: /kernel/include/linux/compiler_types.h /* Indirect macros required for expanded argument pasting, eg. __LINE__. */#d