Unocss(原子化css)使用及vue3+vite+ts讲解

目录

Unocss 简单使用

下载Unocss依赖在vite.config.ts中引入最后在main.ts中引入uno.css然后就是使用

最后附带样式查询地址想使用图标

图标库具体使用

Unocss 简单使用

首先初始化一个vite项目
使用pnpm安装

1. pnpm create vite unocss-demo -- --template vue-ts

复制代码

使用npm 安装

1. npm init vite@latest my-vue-app -- --template vue

复制代码

使用yarn

1. yarn create vite my-vue-app --template vue

复制代码