Vite+VueRouter+Pinia+TS+ElementPlus+TailwindCss
课程详情
课程详情
课程名称：Vite+VueRouter+Pinia+TS+ElementPlus+TailwindCss
课程简介：本课程通过实战项目，深入讲解Vue3构建后台系统管理系统的过程，帮助学员掌握前端技术栈的集成与应用。
适合人群
- 对HTML、CSS、JavaScript等Web前端技术有一定了解的开发者
- 希望学习Vue3及相关技术栈进行项目开发的学员
- 想要提升自身技能，进入前端开发领域的新手
学习收获
- 掌握Vite、Vue3、Pinia、ElementPlus、TailwindCss、Vue-router等技术的实际应用
- 通过实战项目，提升项目开发能力和团队协作能力
- 巩固Html、Css、Javascript、Typescirpt等基础知识
课程亮点
- 项目效果展示：登录页的构建和后台系统管理的搭建
- 涵盖Html、Css、Javascript、Typescirpt、Vite、Vue3、Pinia、ElementPlus、TailwindCss、Vue-router等多个知识点
- 使用Webstorm进行开发集成，使用yarn作为包管理工具
- 建议先通看一遍课程，补齐知识架构再进入实操
课程目录
01 前言 01 课程简介.mp4 02 项目效果演示.mp4 02 第1章-开发环境部署 01 前端开发准备工作-node的安装.mp4 02 node版本过高无法安装的问题.mp4 03 任务1创建一个vue3项目.mp4 04 任务2vue-router的安装和配置.mp4 05 任务3vite控制文件的配置.mp4 06 任务4tailwindcss的安装和部署.mp4 07 任务5elementplus的安装和部署.mp4 08 任务6pinia的安装和存储.mp4 09 任务7vite控制文件插件配置的提取.mp4 10 任务8elementplus按需引入设置.mp4 11 任务9组件和api的按需自动加载.mp4 12 任务10icon图标库的安装.mp4 03 第2章-登录页面 01 任务1前端登录页面的布局.mp4 02 任务2提取input输入框和按钮组件.mp4 04 第3章-后台管理界面 01 任务1所需路由的创建.mp4 02 任务2在layouts布局组件设计后台管理界面.mp4 03 任务3后台管理界面右侧内容栏设计-导航栏.mp4 04 任务4后台管理界面右侧内容栏设计-浏览历史记录栏.mp4 05 任务5后台管理界面-显示问题的处理.mp4 06 任务6后台管理界面-头像下拉菜单.mp4 05 第4章-后台管理菜单的相关处理 01 任务1路由meta的生成.mp4 02 任务2针对本地存储，增删查的方法实现.mp4 03 任务3提取路由中的菜单项.mp4 04 任务4遍历菜单.mp4 05 任务5历史菜单业务处理.mp4 06 任务6删除历史菜单和设置当前菜单.mp4 07 任务7面包屑导航.mp4 08 任务8全屏模式的切换.mp4 09 任务9项目打包.mp4
