您的当前位置:首页正文

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

2022-06-16 来源:好走旅游网
vscode怎么导⼊图⽚?vscode把图⽚放进程序的技巧

vscode中想要插⼊图⽚,需要⼀个插件,我们今天就来看看安装插件并导⼊图⽚的⽅法,⾸先我们打开VSCode扩展商店,搜索并安装“语法提⽰”和“预览显⽰”插件,在编辑器中新建md⽂件,点击右上⾓⼯具栏中“预览”图标,可以显⽰图⽚,在已经写好的md⽂件中,添加图⽚节点,点击节点即可查看图⽚。安装语法提⽰插件

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

Visual Studio Code(代码编辑器) v1.65.2 64位 中⽂免费绿⾊版类型:编译⼯具⼤⼩:72.6MB语⾔:简体中⽂时间:2022-03-14查看详情

安装预览显⽰插件

同样在“扩展商店”中,搜索“Markdown Preview Enhanced预览显⽰”插件,点击“install”安装到VSCode编辑器中。

放⼊图⽚

在使⽤VSCode编辑⼯具编写md⽂件的同时,可以直接放⼊需要浏览的图⽚。

新建md⽂件

点击菜单栏中“⽂件”菜单,点击“新建”md⽂件,写好⽂件,点击右上⾓⼯具栏中“预览”按钮图标,就可直接预览图⽚。

添加节点

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

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

因篇幅问题不能全部显示,请点此查看更多更全内容