分享一個 vue-admin-template 純淨版

最近有空因此整理了一下以前的後臺管理項目，以爲有必要分享一些有用的東西：擴展性高、代碼提示更直觀、新手更易看懂的起手項目。10行代碼必定比100行更易看懂，因此我選擇寫10行的代碼。

描述

參考原版 vue-typescript-admin-template 重寫的一個超輕量的模板（typescript+element-ui），只保留了核心功能layout、vue-router、svg-icon、路由權限管理

http請求 是本身用原生寫的（參考地址）， 可根據本身喜愛能夠擴展 axios 這類型第三方庫，這裏我比較喜歡用我本身寫的

其中 vuex 的使用方式我換成了更好的代碼提示追蹤和更少的代碼實現方式，參考 你不須要vuex

特別說明layout：組件代碼部分基本重寫，代碼會比原做者的更少，代碼提示更直觀，功能效果和原版一致。

像是圖表、富文本編輯、Excel等一些擴展根據本身項目選擇喜歡的導入使用，終於不用每次npm run serve、npm run build的時候等半天了，我這個快得一匹

後續 vue-3.0 正式發佈後會繼續更新多一套

看下項目用到的依賴

{
	"dependencies": {
        "core-js": "^3.4.4",
        "element-ui": "^2.13.0",
        "nprogress": "^0.2.0",
        "save-dev": "0.0.1-security",
        "vue": "^2.6.10",
        "vue-class-component": "^7.0.2",
        "vue-property-decorator": "^8.3.0",
        "vue-router": "^3.1.3"
    },
	"devDependencies": {
        "@types/node": "^13.1.4",
        "@types/nprogress": "^0.2.0",
        "@vue/cli-plugin-babel": "^4.1.0",
        "@vue/cli-plugin-router": "^4.0.5",
        "@vue/cli-plugin-typescript": "^4.1.0",
        "@vue/cli-service": "^4.1.0",
        "node-sass": "^4.13.0",
        "sass-loader": "^8.0.0",
        "svg-sprite-loader": "^4.1.6",
        "typescript": "~3.5.3",
        "vue-template-compiler": "^2.6.10"
    },
}
複製代碼

項目地址

vue-admin

預覽地址

demo

參考文檔（其實看我代碼註釋就夠了）

原版文檔

有幫助的話，記得給個star