VsCode插件之vscode-icons

素颜马尾好姑娘i 2023-02-17 03:20 416阅读 0赞

## 一、VsCode中的图标插件，可以控制vscode中的文件管理的树目录显示图标 ##

![Center][]

## 二、使用方法 ##

### 1.安装 ###

点击左侧Extensions，输入  vscode-icons ，然后点击安装插件，选择下图中第一个

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podWlxaXV6aHVveXVlNTgz_size_16_color_FFFFFF_t_70][]

### 2.配置 ###

安装成功后，然后配置，当前图标使用VsCode-Icons

Go to File > Preferences > File Icon Theme > VSCode Icons.

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podWlxaXV6aHVveXVlNTgz_size_16_color_FFFFFF_t_70 1][]

选择“VSCode Icons”

![20200611193843861.png][]

### 3.显示结果 ###

![Center 1][]

参考：https://blog.csdn.net/u011127019/article/details/53159256

[Center]: https://img-blog.csdn.net/20161114151805586?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podWlxaXV6aHVveXVlNTgz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200611193601354.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podWlxaXV6aHVveXVlNTgz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podWlxaXV6aHVveXVlNTgz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200611193816637.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podWlxaXV6aHVveXVlNTgz,size_16,color_FFFFFF,t_70
[20200611193843861.png]: https://img-blog.csdnimg.cn/20200611193843861.png
[Center 1]: https://img-blog.csdn.net/20161114152227330?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center