vscode怎么导入图片? vscode把图片放进程序的技巧
程序员文章站
2022-03-01 16:37:50
vscode中想要插入图片,需要一个插件,我们今天就来看看安装插件并导入图片的方法,首先我们打开vscode扩展商店,搜索并安装“语法提示”和“预览显示&rdquo...
vscode中想要插入图片,需要一个插件,我们今天就来看看安装插件并导入图片的方法,首先我们打开vscode扩展商店,搜索并安装“语法提示”和“预览显示”插件,在编辑器中新建md文件,点击右上角工具栏中“预览”图标,可以显示图片,在已经写好的md文件中,添加图片节点,点击节点即可查看图片。
安装语法提示插件
打开vscode编辑工具,在左侧工具栏点击“扩展商店”,搜索并安装“markdownlint语法提示”插件。
安装预览显示插件
同样在“扩展商店”中,搜索“markdown preview enhanced预览显示”插件,点击“install”安装到vscode编辑器中。
放入图片
在使用vscode编辑工具编写md文件的同时,可以直接放入需要浏览的图片。
新建md文件
点击菜单栏中“文件”菜单,点击“新建”md文件,写好文件,点击右上角工具栏中“预览”按钮图标,就可直接预览图片。
添加节点
打开vscode编辑器,在已经编写好的代码中加入“![节点](./jd1.jpg)”,鼠标点击该节点,便可以在右侧预览加入的图片。
以上就是vscode把图片放进程序的技巧,希望大家喜欢,请继续关注。