# vite2demo

**Repository Path**: topazur/vite2demo

## Basic Information

- **Project Name**: vite2demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-06
- **Last Updated**: 2021-01-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# git's type
用于说明本次commit的类别，只允许使用下面7个标识

- feat：新功能（feature）
- fix：修补bug
- docs：文档（documentation）
- style： 格式（不影响代码运行的变动）
- refactor：重构（即不是新增功能，也不是修改bug的代码变动）
- test：增加测试
- chore：构建过程或辅助工具的变动

## Started
```bash
# 直接进入操作栏选择 或 直接在命令行指定项目名称和使用模板
$ npm init @vitejs/app [name] --template vue
$ yarn create @vitejs/app [name] --template vue

# 预设模板[@vitejs/create-app](https://github.com/vitejs/vite/tree/main/packages/create-app): vue、vue-ts、react、react-ts

# 项目创建完毕
cd [name]
npm install (or `yarn`)
npm run dev (or `yarn dev`)
```

## VueDX插件
[Vite文檔](https://vitejs.dev/guide/features.html) | [Vue3文檔](https://v3.vuejs.org/)

<p>
  推荐设置:
  <a style="color: #42B983;" href="https://code.visualstudio.com/" target="_blank">VSCode</a>
  +
  <a style="color: #42B983;"
  href="https://marketplace.visualstudio.com/items?itemName=octref.vetur"
  target="_blank"
  >Vetur</a>
  +
  <a style="color: #42B983;"
  href="https://marketplace.visualstudio.com/items?itemName=znck.vue-language-features"
  target="_blank"
  >Vue DX</a>
</p>

<p>
  確保使用工作區版本的TypeScript通過<a style="color: #42B983;"
href="https://github.com/znck/vue-developer-experience"
>@vuedx</a>獲得更好的支持。
注意@vuedx仍處於試驗階段，此設置用於早期反饋。
</p>

## css
```bash
# normalize.css

# Vue3和Vite暂不支持PostCSS 8; 因此，您需要立即安装[Tailwind CSS v2.0 PostCSS 7兼容性版本](https://tailwindcss.com/docs/installation#post-css-7-compatibility-build)
$ yarn add -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

# Created config file: `tailwind.config.js`和`postcss.config.js`
$ npx tailwindcss init -p
```

## 组件命名规范
> PascalCase 是最通用的声明约定而 kebab-case 是最通用的使用约定。

throttle-debounce package