基于Vue全家桶、Ant Design Vue等、轻度封装、为生产环境准备的企业级后台管理系统开发脚手架
--- ## Overview ... ## Dependencies 1、Vue全家桶(Vue、Vuex、Vue Router、Vue CLI) 2、Ant Design Vue 3、Axios(http请求库) 4、Animate.css(css3动画库)、anime.js(js动画库)、Nprogress(进度条) 5、Material-icons(谷歌图标库)、itsIcons(智能交通行业图标库)、itsUI(Planing) 6、Echarts(图表)、Leaflet地图及相关插件、Three.js(3D) ## Todo/Feature 1、基于Vue-CLI搭建全家桶空项目 ✔️ 2、Axios封装全局请求token、接口错误处理、token自动续期 ✔️ 3、Nprogress应用到路由跳转和Axios请求中 ✔️ 4、AntD国际化、全局less样式定制、默认/暗黑双风格共存 ✔️ 5、集成Material-icons、itsIcons图标库 ✔️ 6、路由守卫、路由嵌套及基于Vuex的KeepAlive支持 ✔️ 7、使用后端权限菜单数据，动态路由注册，支持外部链接地址 ✔️ 8、基于Vue指令的通用操作项权限控制 ✔️ 9、基于Vuex的前端数据缓存 ✔️ 10、Index页支持多组件实时切换 - 预置经典/大屏2种布局模式 ✔️ 11、Vue自定义组件、指令、过滤器全局自动扫描并显式批量注册 ✔️ 12、开发/生产环境全局配置 ✔️ 13、组件异步加载、打包分析与尺寸优化、生产环境配置优化，禁用浏览器DevTools ✔️ 14、预置Nginx配置文件，Dockerfile配置文件，支持一键打包到Docker中 ✔️ 15、非NPM包的外部库、通过存放在Public目录或CDN远程地址按需引入 ✔️ 16、重写基于Vue的xMap组件，同时支持百度、高德、腾讯地图、天地图、智图、ArcGIS、Google Map、Mapbox、OpenStreetMap等主流地图厂商的切片底图实时切换 ✔️ 17、验证各个常用库，图表、地图、编辑器、播放器、jQ插件 ✔️ 18、集成开发文档、用户文档，采用markdown格式编写文档 ✔️ 19、集成threejs，加载gltf格式3d模型 ✔️ 20、兼容单点登录 ✔️ 21、基础页面、部分业务示例页设计制作 22、发布 ### Project setup ``` npm install ``` ### Compiles and hot-reloads for development ``` npm run serve ``` ### Compiles and minifies for production ``` npm run build ``` ### Run your tests ``` npm run test ``` ### Lints and fixes files ``` npm run lint ``` ### Customize configuration See Configuration. ### Directory ``` |--- dist |--- node_modules |--- public | |--- static //静态资源 | | |--- vendor //非npm的第三方库 | | |--- logo.png //系统logo | |--- favicon.ico | |--- index.html //入口文件 |--- src | |--- assets //公共静态资源 | | |--- main.less //应用样式主入口 | |--- components //公共自定义组件 | | |--- app //应用公共组件 | | |--- ext //第三方组件扩展组件 | | |--- its //智能交通行业组件 | |--- directives //公共自定义指令 | |--- filters //公共自定义过滤器 | | |--- string //字符串类 | | |--- time //时间类 | | |--- unit //单位类 | |--- request //请求库封装 | |--- router //全局路由 | |--- store //全局状态管理 | |--- views //视图 | | |--- auth //授权: 登录、注册、注销 | | |--- common //公共: 404、包裹组件 | | |--- doc //内置文档: 开发文档、用户文档 | | |--- index //主框架页: 默认模式、大屏模式... | | |--- system //系统管理模块 | | | |--- setting //系统设置模块 | | | |--- user //用户管理模块 | |--- App.vue //应用根组件 | |--- main.js //应用主入口 |--- .browserslistrc //浏览器覆盖率配置 |--- .editorconfig //编辑器配置信息 |--- .env //环境变量 |--- .env.development //环境变量 - 开发环境 |--- .env.production //环境变量 - 生产环境 |--- .eslintrc.js //ESLINT配置 |--- .gitignore //git忽略文件配置 |--- babel.config.js //babel配置 |--- Dockerfile //Docker镜像配置 |--- nginx.conf //Nginx配置 |--- package-lock.json |--- package.json |--- postcss.config.js //postcss配置 |--- README.md |--- vue.config.js //Vue Cli配置 ``` ### Example 开发环境下可查看详细开发文档和示例