扩展vscode-icon图标

今天写vue的时候用到了pinia,然后创建了一个store文件夹发现没有样式

你看别的都有就是store没有，强迫症犯了，经过看文档等一系列操作看明白了如何自定义图标，简单介绍一下过程：

1.首先找到以下路径

C:\Users\短袖\AppData\Roaming\Code\User\vsicons-custom-icons

里面长这样，vsicons-custom-icons需要手动创建

2.然后将这两个文件放到刚刚创建的vsicons-custom-icons文件夹里面

images/vscode · 短袖/md-note - 码云 - 开源中国 (gitee.com)

3.然后打开vscode

Ctrl + ,（逗号）打开设置，找到这个配置vsicons.associations.folders，点击在settings.json中编辑

加上这个对象icon就是图标明 extensions是文件夹名字是什么的时候应用图标 format是图片的格式，官方说图标需要是32*32的svg（我放的图片是自己改的）

4.然后按F1搜这个选项（第一个点击）5.最后图标就变成这样了（用的pinia的菠萝 + 蒂芙尼蓝B格拉满）就是弄得不咋地，如果不行多尝试几次

教程地址：github.com