- install dependencies
pnpm install
- start dev server
pnpm run dev
- build
pnpm run build
- commit changes
git cz
vue 项目模板,支持 markdown
- 支持 eslint
- 支持规范化 commit
- 支持 markdown,markdown 文件会被解析为 vue 组件
- 支持 Components 自动导入和注册组件
- 支持 AutoImport 自动导入常用的 api
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 />
图标通过动态 :class
绑定不会显示,具体可以看 issue,坐着在这个 issue 里说明了这是 UnoCSS 的工作原理,需要在 unocss.config.ts
中配置 safelist
添加动态的 class
图标即可。