官網:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85
一.使用
- 克隆項目
git clone https://github.com/PanJiaChen/vue-element-admin.git
- 進入cmd窗口執行npm install
- 啓動項目
npm run dev
二.框架介紹
引言
- 該框架是整合elementUI和vue的一個前端框架
- 有兩個入口 , 其中之一是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存放一些項目中的具體頁面