项目依赖介绍 #

• 这里罗列了项目中用到的依赖以及简短的介绍，具体使用方式请查阅对应的文档。

🚗Vue3全家桶 #

• 状态管理工具：
  • pinia：Vue3官方推荐的状态管理工具
  • pinia-plugin-persistedstate：pinia数据持久化插件
• 路由：
  • vue-router：Vue官方推荐路由管理工具
• Http请求：
  • axios：Vue官方推荐Http请求库
• 组件库：
  • element-plus：老牌亲民组件库

🚕CSS预处理 #

• sass：经典的CSS预处理工具

🚜数据模拟 #

• mock.js：模拟数据生成器
  • vite-plugin-mock：vite进行数据模拟的插件

🚓协作规范 #

• eslint：对代码风格与质量进行校验
  • @eslint/create-config：创建eslint基础配置模板工具
  • eslint-config-plugn-vue：eslint vue 推荐配置
• prettier：对代码风格进行校验
  • eslint-config-prettier：关闭eslint中与prettier相互冲突的规则
  • eslint-plugin-prettier：赋予eslint用prettier格式化代码的能力
• stylelint：对样式代码风格进行校验
  • stylelint-config-standard：stylelint推荐配置
  • stylelint-config-prettier：关闭stylelint中与prettier相互冲突的规则
  • stylelint-config-html：支持规范html
  • stylelint-config-recommended-scss：scss推荐规范规则
  • stylelint-config-standard-vue：vue推荐规范规则
  • stylelint-order：规定样式代码顺序
  • postcss：规范CSS代码
  • postcss-sass：规范Sass代码
  • postcss-html：规范Html代码
• commitlint：对 git commit 进行规范
  • @commitlint/cli：commitlint执行代码
  • @commitlint/config-conventional：commitlint配置支持
• lint-staged：可以在 git 缓存中进行代码校验
• husky：向项目中添加 git hooks

🚌项目构建 #

• vite：新时代构建工具

🚐TypeScript #

• TypeScript：提供超强的类型校验
  • @typescript-eslint/eslint-plugin：eslint 推荐规则
  • @typescript-eslint/parser：eslint ts 支持
  • @types/node：node ts 支持