vue-element-template模板

• vue-element-admin是一個非常全面的系統，提供了很多現成的方案，我們可以在寫項目的時候過來參考，但是也有缺點：不太好進行二次開發，因為要刪減的東西太多了。于是就有另外一個子系統vue-element-template,它提供了最基礎的模板，非常方便來做二次開發。

• 在線運行效果：https://panjiachen.gitee.io/vue-admin-template/#/login?redirect=%2Fdashboard

基礎摸板的目錄結構

├── build # 構建相關
├── mock # 項目mock 模擬數據，在接口服務器沒有就緒時，臨時充當接口
├── public # 靜態資源
│ ├── favicon.ico # favicon圖標
│ └── index.html # html模板
├── src # 源代碼
│ ├── api # 所有請求
│ ├── assets # 主題 字體等靜態資源 不會參與打包 直接直出
│ ├── components # 全局公用組件 和業務不相關 上傳組件
│ ├── icons # 項目所有 svg icons
│ ├── layout # 全局 layout 負責搭建項目的整體架子結構 html結構
│ ├── router # 路由
│ ├── store # store管理 vuex管理數據的位置 模塊化開發 全局getters
│ ├── styles # 全局樣式
│ ├── utils # 全局公用方法 request.js
│ ├── vendor # 公用vendor
│ ├── views # views 所有頁面 路由級別的組件
│ ├── App.vue # 入口頁面 根組件
│ ├── main.js # 入口文件 加載組件 初始化等
│ └── permission.js # 權限管理
│ └── settings.js # 配置文件
├── tests # 測試
├── .env.xxx # 環境變量配置
├── .eslintignore # eslint 忽略文件
├── .eslintrc.js # eslint 配置項
├── .gitignore # git 忽略文件
├── .travis.yml # 自動化CI配置
├── .babel.config.js # babel-loader 配置
├── jest.config.js # 測試配置
├── vue.config.js # vue-cli 配置
├── postcss.config.js # postcss 配置
└── package.json # package.json

總結

以上是生活随笔為你收集整理的vue-element-template模板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。