# vue3Collection

**Repository Path**: liudogxue/vue3-collection

## Basic Information

- **Project Name**: vue3Collection
- **Description**: - 命令工具：pnpm
- 前端框架：vue3+vite+js
- vue库：pinia+vue-router
- 样式库：sass
- 格式化：eslint+prettier
- git提交规范化：commitizen
- 预检查工具：husky+lint-staged
- 组件库：ant-design-vue
- 优化库：viteCompression+viteImagemin+terser
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-09
- **Last Updated**: 2023-12-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, vite, Pnpm

## README

# Vue 3 + Vite


参考[https://juejin.cn/post/7091956084092436494]
#### 镜像源
```
#查看
pnpm get registry 
#临时
pnpm --registry https://registry.npmmirror.com install axios
#永久
pnpm config set registry https://registry.npmmirror.com
```
#### create
```
pnpm create vite
pnpm dev
pnpm build
```
#### TS
```
#ts
pnpm i @types/node --save-dev
```
eslint + prettier
```
pnpm i eslint eslint-plugin-vue --save-dev
pnpm i prettier eslint-config-prettier eslint-plugin-prettier --save-dev
```
#### 依赖
```
pnpm i pinia --save
pnpm i vue-router --save
#函数包
pnpm i @vueuse/core
```
```
#scss
pnpm add -D sass
```
#### 拓展
```
#安装 commitizen (交互式提交 + 自定义提示文案 + Commit规范)
pnpm install -D commitizen cz-conventional-changelog @commitlint/config-conventional @commitlint/cli commitlint-config-cz cz-customizable
```
husky
```
# 1.安装
pnpm i husky lint-staged -D

# 2.生成 .husky 的文件夹
npx husky install

# 3.添加 hooks，会在 .husky 目录下生成一个 pre-commit 脚本文件
npx husky add .husky/pre-commit "npx --no-install lint-staged"

# 4.添加 commit-msg
npx husky add .husky/commit-msg 'npx --no-install commitlint --edit "$1"'

# 5. 使用 `git commit -m "message"` 就会看到 hook 生效了。


# package.json

"lint-staged": {
    "*.{js,ts}": [
        "npm run eslint",
        "npm run prettier"
    ]
  }
```
TODO mock构建 alova替代axios