第8篇 前端框架 vue-admin-template的搭建运行以及结构介绍

一介绍

1.1 下载地址

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

GitHub - PanJiaChen/vue-element-admin: :tada: A magical vue admin https://panjiachen.github.io/vue-element-admin

1.2 node.js的安装

地址下载node.js  1.6版本

CNPM Binaries Mirrorhttps://registry.npmmirror.com/binary.html?path=node/latest-v16.x/然后一路傻瓜式安装即可

1.3 vue-admin-template的安装

1.下载包

2.导入vscode中

3.执行安装依赖

在命令窗口输入： npm  install 

安装成功后，进行启动

4.运行：npm  run dev

5.页面访问：

 系统页面

二 工程结构介绍

2.1 程序入口

2.2 架构组成部分

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

2.3 build目录的作用

build目录主要是存放项目的构建js文件

2.3 build目录的作用

2.4 src目录的子文件的作用