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存放一些項目中的具體頁面

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