前端

一、安装Vue CLI

npm install -g @vue/cli
vue --version

二、使用vite搭建项目

yarn create vite my-vue-app --template vue
cd my-vue-app
yarn // 安装默认的依赖
yarn dev // 试运行项目

三、安装项目生产依赖

yarn add vue-router@next vuex@next element-plus axios -S

四、安装项目开发依赖

yarn add sass -D // 仅在开发期间有用（解析css）

Vue全家桶是基于vue开发必备的也是必学的一套框架，也可以说是一套组件，里面具体包含了如下几项：

0. vue3渐进式JavaScript 框架 👉官方文档
1. vue-cli 项目构建工具（已经被vue/cli取代）👉 官方文档
2. vue-router 路由管理工具👉 官方文档
3. vuex 全局变量状态管理工具（目前更推荐使用Pinia）👉 官方文档
4. vue-resource http请求工具（已经被axios取代）👉 官方文档

项目开发流程

• 需求：需求调研、需求设计、需求评审、用例评审
• 开发：接口设计、接口评审、前后端开发、CR、自测
• 测试：Bug修复、功能优化、需求调整、遗漏功能开发
• 上线：预发验证、灰度测试、checklist、权限配置、版本回退
• 回顾：事故复盘、问题总结、数据总览

一、本课程核心知识点

二、本课程适合人群

1. 有一定前端基础的同学
2. 想掌握Vue3全家桶的同学
3. 对全栈感兴趣的同学
4. 对JWT、权限菜单、前后端架构感兴趣的同学