在线教育项目day4(二)

搭建项目前端页面环境

在线教育项目day4(二)_第1张图片

一、vue-element-admin

1、简介

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

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

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

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

2、安装

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

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

npm install

3、启动

npm run dev

在线教育项目day4(二)_第2张图片

启动成功后页面

在线教育项目day4(二)_第3张图片

4、前端页面环境说明

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

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

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

3)、框架build目录

放项目构建的脚本文件

4)、config目录
在线教育项目day4(二)_第4张图片

修改 useEslint: true 改为 useEslint: false

在线教育项目day4(二)_第5张图片

修改访问的后端接口地址

5)、src目录

在线教育项目day4(二)_第6张图片

你可能感兴趣的:(在线教育项目)