分享一个 vue-admin-template 纯净版 __Vue.js

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

最近有空所以整理了一下之前的后台管理项目，觉得有必要分享一些有用的东西：扩展性高、代码提示更直观、新手更易看懂的起手项目。10行代码一定比100行更易看懂，所以我选择写10行的代码。

项目描述

参考原版 vue-typescript-admin-template 重写的一个超轻量的模板（typescript+element-ui），只保留了核心功能layout、vue-router、svg-icon、路由权限管理。主要是想提供一个项目体积更小、可根据实际情况更自由地扩展的一套中后台管理基础模板。

部分模块说明

http请求 这里我使用的是根据个人习惯用原生写的ajax（参考地址），可根据自己喜好可以扩展 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

有帮助的话，记得给个star

预览地址

demo

参考文档（其实看我代码注释就够了）

原版文档