分享一个 vue-admin-template 纯净版 __Vue.js
发布于 2 个月前 作者 banyungong 333 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

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

项目描述

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

部分模块说明

  1. http请求 这里我使用的是根据个人习惯用原生写的ajax参考地址), 可根据自己喜好可以扩展 axios 这类型第三方库。

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

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

  4. 图表富文本编辑Excel等一些扩展根据自己项目选择喜欢的导入使用,终于不用每次npm run servenpm 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

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

原版文档

版权声明:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 作者: 黄景圣 原文链接:https://juejin.im/post/6844904040598339598

回到顶部