# vue3-vs-react19

**Repository Path**: pkmer/vue3-vs-react19

## Basic Information

- **Project Name**: vue3-vs-react19
- **Description**: 对比vue3和react19的使用方式
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-13
- **Last Updated**: 2025-04-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

> 一个应用分别用 react 和 Vue

1. createPortal-vs-Teleport
2. useImperativeHandle-vs-defineExpose
3. children(Function)-vs-slot(default)

# Tailwindcss

[vite-tailwindcss](https://tailwindcss.com/docs/installation/using-vite)

```sh
pnpm add -D tailwindcss @tailwindcss/vite
```

## 配置

`index.css`

```css
@import 'tailwindcss';
```

```vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})
```

## prettier

```sh
pnpm add -D prettier prettier-plugin-tailwindcss
```

# Scss

[css-pre-processors](https://vite.dev/guide/features.html#css-pre-processors)

```sh
npm add -D  sass
```

# Hightjs

```sh
pnpm add highlight.js
```