# vue3-scaffold

**Repository Path**: apm29/vue3-scaffold

## Basic Information

- **Project Name**: vue3-scaffold
- **Description**: 2021:vue3脚手架项目
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-05
- **Last Updated**: 2021-08-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### Vue3学习项目(兼作项目脚手架)


#### 1.生成Vite脚手架项目
看文档
#### 2.安装tailwindcss
* 安装依赖
```shell
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
```
* 生成配置文件
生成tailwind.config.js 和 postcss.config.js 文件
```shell
npx tailwindcss init -p
```
* 加固定前缀/加tree-shake,禁用样式预重置
tailwind.config.js文件:
```js
module.exports = {
  purge: ["src/**/*.vue"],
  prefix: "tw-",
  corePlugins: {
    preflight: false, //禁用preflight样式重置
  },
}
```

* 在css文件引入
index.css文件,然后在main.js引入该css文件
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```