vue-element-admin框架

官网:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85

一.使用

  1. 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git
  2. 进入cmd窗口执行npm install
  3. 启动项目npm run dev

二.框架介绍

引言

  1. 该框架是整合elementUI和vue的一个前端框架
  2. 有两个入口 , 其中之一是index.html , 另一个是src/main.js
    目录结构的分析

框架目录结构

build目录是存放项目构建的脚本文件
config目录存放配置文件
在这里插入图片描述
config/index.js
在这里插入图片描述
将useEslint改为false , 因为useEslint插件对代码的要求太高 , 多一个空格也会检查代码报错 , 因此不安装这个插件 , port可以修改端口号码

config/dev.js
dev 是开发环境下的执行文件 , 在这里插入图片描述
将BASE_API修改为自己的接口地址

在这里插入图片描述
src/api定义调用方法的
src/assets定义静态资源的
src/components存放插件组件
src/icons存放的项目中的图标
src/router存放项目的路由
src/store放一些脚本文件
src/styles存放一些样式文件
src/utils存放一些工具类
src/views存放一些项目中的具体页面

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章