手把手教你使用Vue搭建注册登录界面及前端源码

文章目录

• 一、前言
• 二、概况
• 三、搭建注册页面
• 四、改造登录页面
• 四、整体效果动画演示
• 五、前端源码下载
• 六、后续

一、前言

• 本文将在vue-admin-template模板基础上完成搭建注册与登录页面。文末处有完整的前端源码下载。

• 环境准备

1. 浏览器：Chrome
2. IDE: VS Code
3. Node.js 10+，npm

二、概况

• 我们先了解一下整个项目的目录结构

  ├── build # 构建相关
  ├── mock # 项目mock 模拟数据
  ├── plop-templates # 基本模板
  ├── public # 静态资源
  │ │── favicon.ico # favicon图标
  │ └── index.html # html模板
  ├── src # 源代码
  │ ├── api # 所有请求
  │ ├── assets # 主题 字体等静态资源
  │ ├── components # 全局公用组件
  │ ├── directive # 全局指令
  │ ├── filters # 全局 filter
  │ ├── icons #