1. vue-element-admin

vue-element-admin 是基于vue 和 Element-ui 的一套后臺管理系統集成的模板

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

項目在線預覽：https://panjiachen.gitee.io/vue-element-admin

由尚硅谷提供的

目錄結構

├── build                      # 構建相關
├── mock                       # 項目mock 模擬數據
├── plop-templates             # 基本模板
├── public                     # 靜態(tài)資源
│   │── favicon.ico            # favicon圖標
│   └── index.html             # html模板
├── src                        # 源代碼
│   ├── api                    # 所有請求
│   ├── assets                 # 主題 字體等靜態(tài)資源
│   ├── components             # 全局公用組件
│   ├── directive              # 全局指令
│   ├── filters                # 全局 filter
│   ├── icons                  # 項目所有 svg icons
│   ├── lang                   # 國際化 language
│   ├── layout                 # 全局 layout
│   ├── router                 # 路由
│   ├── store                  # 全局 store管理
│   ├── styles                 # 全局樣式
│   ├── utils                  # 全局公用方法
│   ├── vendor                 # 公用vendor
│   ├── views                  # views 所有頁面
│   ├── App.vue                # 入口頁面
│   ├── main.js                # 入口文件 加載組件 初始化等
│   └── permission.js          # 權限管理
├── tests                      # 測試
├── .env.xxx                   # 環(huán)境變量配置
├── .eslintrc.js               # eslint 配置項
├── .babelrc                   # babel-loader 配置
├── .travis.yml                # 自動化CI配置
├── vue.config.js              # vue-cli 配置
├── postcss.config.js          # postcss 配置
└── package.json               # package.json

安裝

# 克隆項目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 進入項目目錄
cd vue-element-admin

# 安裝依賴
npm install

# 建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org

# 本地開發(fā) 啟動項目
npm run dev

2. Element-ui

element-ui 是餓了么前端出品的基于 Vue.js的 后臺組件庫，方便程序員進行頁面快速布局和構建

官網：https://element.eleme.cn/#/zh-CN

Element官網中有許多組件可以快速構建頁面，對于學習后端開發(fā)的人來說是非常好用的，易上手。

3. 注意點

使用這個Element時要注意，如果你使用的是Vue3，就下載Element-plus。文章來源地址http://www.zghlxwxcb.cn/news/detail-592230.html