在线教育项目day4(二)

搭建项目前端页面环境

在这里插入图片描述

1、vue-element-admin

一、简介

vue-element-admin是基于element-ui 的一套后台管理系统集成方案。前端

**功能:**https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能vue

**GitHub地址:**https://github.com/PanJiaChen/vue-element-admingit

项目在线预览:https://panjiachen.gitee.io/vue-element-admingithub

二、安装

1)、解压并复制vue-element-admin到工做区web

2)、经过vscode的终端打开,安装依赖npm

npm installelement-ui

三、启动

npm run dev后端

在这里插入图片描述

启动成功后页面前端框架

在这里插入图片描述

四、前端页面环境说明

1)、前端框架的入口
在这里插入图片描述
在这里插入图片描述框架

2)、前端页面环境使用框架(模板),主要基于两种技术实现

vue-admin-template-master模板= vue + element-ui

3)、框架build目录

放项目构建的脚本文件

4)、config目录
在这里插入图片描述

修改 useEslint: true 改成 useEslint: false

在这里插入图片描述

修改访问的后端接口地址

5)、src目录

在这里插入图片描述