二、搭建后台管理系统模板
项目初始化
今天来带大家从0开始搭建一个vue3版本的后台管理系统。一个项目要有统一的规范，需要使用
eslint + stylelint + prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint 来统一提交规范，需要使用preinstall来统—包管理工具。
下面我们就用这—套规范来初始化我们的项目，集成—个规范的模版。
环境准备
node v16.14.2.
pnpm 8.0.0
项目初始化
本项目使用vite进行构建，vite官方中文文档参考:cn.vitejs.dev/guide/
pnpm: performant npm，意味”高性能的npm”。pnpm由npm/yarn衍生而来，解决了npmlyarn内部潜在的bug，极大的优化了性能，扩展了使用场景。被誉为”最先进的包管理工具”。
pnpm安装指令：npm i -g pnpm
项目初始化命令: pnpm create vite
进入到项目根目录pnpm install安装全部依赖.安装完依赖运行程序: pnpm run dev
运行完毕项目跑在http://127.0.0.1:5173/,可以访问你得项目啦
在package.json文件中 “dev”: “vite –open” 配置浏览器自动打开
eslint: 插件化的javascript代码检测工具
eslint配置
eslint中文官网:http://eslint.cn/
ESLint最初是由Nicholas C.Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。
首先安装eslint：pnpm i eslint -D
生成配置文件: .eslint.cjs npx eslint –init
.eslintrc.cjs
规则：
Prettier:格式化工具，保证代码美观
