# Template-Vue3

## 项目主要依赖说明

> - 包管理器：[pnpm](https://pnpm.io/zh/)
> - 开发与构建工具：[Vite](https://cn.vitejs.dev/)
> - JavaScript 框架：[Vue3](https://v3.cn.vuejs.org/)
> - 页面路由：[Vue Router](https://next.router.vuejs.org/zh/)
> - 状态管理库：[Pinia](https://pinia.vuejs.org/)
> - 网络请求库：[Axios](http://www.axios-js.com/zh-cn/docs/)

## 代码规范依赖说明

> - [eslint](https://eslint.bootcss.com/)：ESLint 规范 js 代码
> - [eslint-plugin-vue](https://eslint.vuejs.org/)：Vue 官方的 ESLint 插件
> - [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier#readme)：用于 Prettier 的 ESLint 插件
> - [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier#readme)：关闭 ESLint 中所有不必要的或可能与 Prettier 冲突的规则
> - [prettier](https://prettier.io/)：Prettier 美化代码
> - [stylelint](https://stylelint.io/)：Stylelint 规范样式代码
> - [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard#readme)：Stylelint 标准配置
> - [stylelint-config-prettier](https://github.com/prettier/stylelint-config-prettier#readme)：关闭 Stylelint 所有不必要或可能与 Prettier 冲突的规则，注意：必须放在最后一项来覆盖其他配置
> - [stylelint-config-recess-order](https://github.com/stormwarning/stylelint-config-recess-order#readme)：Stylelint 基于 Recess 的属性排序顺序配置
> - [stylelint-config-standard-scss](https://github.com/stylelint-scss/stylelint-config-standard-scss#readme)：Stylelint 标准的 SCSS 配置（依赖 postcss-scss）
> - [stylelint-config-recommended-vue](https://github.com/ota-meshi/stylelint-config-recommended-vue#readme)：Stylelint 推荐的 Vue 配置（依赖 postcss-html）

## 安装依赖包

```shell
pnpm install
```

### 启动开发服务器

```shell
pnpm dev
```

### 为生产环境构建产物

```shell
pnpm build
```

### 本地预览生产构建产物

```shell
pnpm preview
```