欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

vscode怎么导入图片? vscode把图片放进程序的技巧

程序员文章站 2022-03-01 16:37:50
vscode中想要插入图片,需要一个插件,我们今天就来看看安装插件并导入图片的方法,首先我们打开vscode扩展商店,搜索并安装“语法提示”和“预览显示&rdquo...

vscode中想要插入图片,需要一个插件,我们今天就来看看安装插件并导入图片的方法,首先我们打开vscode扩展商店,搜索并安装“语法提示”和“预览显示”插件,在编辑器中新建md文件,点击右上角工具栏中“预览”图标,可以显示图片,在已经写好的md文件中,添加图片节点,点击节点即可查看图片。

安装语法提示插件

打开vscode编辑工具,在左侧工具栏点击“扩展商店”,搜索并安装“markdownlint语法提示”插件。

vscode怎么导入图片? vscode把图片放进程序的技巧

安装预览显示插件

同样在“扩展商店”中,搜索“markdown preview enhanced预览显示”插件,点击“install”安装到vscode编辑器中。

vscode怎么导入图片? vscode把图片放进程序的技巧

放入图片

在使用vscode编辑工具编写md文件的同时,可以直接放入需要浏览的图片。

vscode怎么导入图片? vscode把图片放进程序的技巧

新建md文件

点击菜单栏中“文件”菜单,点击“新建”md文件,写好文件,点击右上角工具栏中“预览”按钮图标,就可直接预览图片。

vscode怎么导入图片? vscode把图片放进程序的技巧

vscode怎么导入图片? vscode把图片放进程序的技巧

添加节点

打开vscode编辑器,在已经编写好的代码中加入“![节点](./jd1.jpg)”,鼠标点击该节点,便可以在右侧预览加入的图片。

vscode怎么导入图片? vscode把图片放进程序的技巧

以上就是vscode把图片放进程序的技巧,希望大家喜欢,请继续关注。

相关标签: VSCode 图片