分享一个 vue-admin-template 纯净版

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

描述

参考原版 vue-typescript-admin-template 重写的一个超轻量的模板(typescript+element-ui),只保留了核心功能layoutvue-routersvg-icon路由权限管理node

http请求 是本身用原生写的(参考地址), 可根据本身喜爱能够扩展 axios 这类型第三方库,这里我比较喜欢用我本身写的ios

其中 vuex 的使用方式我换成了更好的代码提示追踪和更少的代码实现方式,参考 你不须要vuexgit

特别说明layout:组件代码部分基本重写,代码会比原做者的更少,代码提示更直观,功能效果和原版一致。github

像是图表富文本编辑Excel等一些扩展根据本身项目选择喜欢的导入使用,终于不用每次npm run servenpm run build的时候等半天了,我这个快得一匹ajax

后续 vue-3.0 正式发布后会继续更新多一套vue-router

看下项目用到的依赖

{
	"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-adminvuex

预览地址

demotypescript

参考文档(其实看我代码注释就够了)

原版文档npm

有帮助的话,记得给个star

相关文章
相关标签/搜索