进入这个地址,然后注册或登录账号。
因为项目中使用了antd icons组件,所以需要先安装依赖才能使用。react项目安装@ant-design/icons
依赖,vue项目安装@ant-design/icons-vue
依赖。
因为自动导入的时候,需要使用绝对路径,所以建议大家设置alias,把@
指向src
目录。插件也支持自定义目录,在设置中搜索iconfont.importPath,然后改成自己想要的。
默认是放在src/assets/icons
目录下,这个可以自己去改。在vscode设置中搜索iconfont.dirPath
,然后改成自己想要的。
在你需要使用icon的地方,右键(插入iconfont图标)或使用快捷键(cmd+shift+i)打开图标预览页面,然后选中一个,就行了。