/vue3-ts-ecommerce

Vue3 + TypeScript 的后台管理系统

Primary LanguageVue

vue3-ts-ecommerce

项目简介

项目来源

本实战项目主要是学习Vue 3与TypeScript（TS）的结合应用，旨在构建一个电商后台管理系统，项目来源于B站。

项目名称：【vue3+typescript】一行行代码带你敲，Vue3+TS电商后台系统项目实战（2022最新版）

视频地址：https://www.bilibili.com/video/BV1nr4y1G73d/

项目展示

点此访问项目：链接 登录页 内容页

主要技术栈

Vue 3 + TypeScript + Element Plus

项目考察技术点

  1. Element Plus完整与按需引入
  2. vue3语法--> 组合式api
  3. axios 的封装
  4. 登录路由重定向-->路由守卫
  5. 前端分页
  6. ts 类型声明
  7. 登录与退出（localStorage管理cookie）
  8. 多条件联合查询
  9. Easy Mock 模拟数据服务

下载

项目下载

git clone https://github.com/OoO-JasonBourne/vue3-ts-ecommerce.git

安装依赖

npm install

编译启动（热更新）

npm run serve

编译打包

npm run build

文件整理

npm run lint