simple-vite-template-v2

1. install dependencies

pnpm install

2. start dev server

pnpm run dev

3. build

pnpm run build

4. commit changes

git cz

vue 项目模板，支持 markdown

• 支持 eslint
• 支持规范化 commit
• 支持 markdown，markdown 文件会被解析为 vue 组件
• 支持 Components 自动导入和注册组件
• 支持 AutoImport 自动导入常用的 api

@unocss/preset-icons 使用

pnpm -D @unocss/preset-icons @iconify-json/[the-collection-you-want]

例子：要使用iconify中的carbon图标集, 需要安装@iconify-json/carbon包， 如下：

pnpm -D @unocss/preset-icons @iconify-json/carbon

选择carbon中的一个图标后，既可以在页面上使用i-carbon-[icon-name]的方式使用

如当选择carbon:dicom-overlay图标后，可以在页面上使用i-carbon-dicom-overlay的方式使用

<div i-carbon-dicom-overlay />

Unocss 使用问题

图标通过动态 :class 绑定不会显示，具体可以看 issue，坐着在这个 issue 里说明了这是 UnoCSS 的工作原理，需要在 unocss.config.ts 中配置 safelist 添加动态的 class 图标即可。