代码拉取完成,页面将自动刷新
这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint,这些搭建后台必要的东西。
# 克隆项目
git clone https://gitee.com/TY_COM/vue-admin.git
# 进入项目目录
cd vue-admin-template
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev
浏览器访问 http://localhost:9528
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod
# 生成环境需要配置nginx代理服务 VUE_APP_BASE_API为nginx service;
# 将/dist 下的文件拷贝到web服务器的根目录
# 预览发布环境效果
npm run preview
# 预览发布环境效果 + 静态资源分析
npm run preview -- --report
# 代码格式检查
npm run lint
# 代码格式检查并自动修复
npm run lint -- --fix
├──build 构建相关的配置
├──dist 项目发布路径
├──mock 模拟数据插件
├──node_modules 项目依赖
├──public 静态资源
├──src
│ ├──api 页面所有的请求
│ ├──assets 静态资源
│ ├──components 全局公用组件
│ ├──directive 全局公用指令
│ ├──filters 全局的filters
│ ├──icons 项目所有的svg icons
│ ├──layout 全局layout
│ ├──router 路由
│ ├──store 全局的store vuex状态管理
│ ├──styles 全局的样式管理
│ ├──utils 全局的公用方法
│ ├──vendor 公用vendor 可以导出为excel zip
│ ├──views 系统所有的页面
│ ├──App.vue 项目的入口页面
│ ├──main.js 项目的入口文件 加载组件 初始化等
│ ├──permission.js 项目的权限管理
│ ├──settings.js 项目布局的配置文件
├──tests 测试
├──.editorconfig 编码样式配置文件 保证在不同编辑器中的编码样式一致
├──.env.development 开发环境的配置文件
├──.env.production 生产环境的配置文件
├──.env.staging 演示环境的配置文件
├──.eslintignore 代码规范的忽略目录
├──.eslintrc.js 代码规范的配置文件
├──.gitignore git的配置文件
├──.travis.yml 构建系统环境的配置文件
├──babel.config.js babel配置
├──jest.config.js jest测试配置
├──jsconfig.json JavaScript
├──package-lock.json 来记录当前状态下实际安装的各个npm package的具体来源和版本号
├──package.json package配置文件
├──postcss.config.js postcss 是帮我们后处理css ,css已经编译完成了,在stylus-loader编译成css之后,在通过postcss优化css
├──vue.config.js vue配置文件
-登陆 / 注销
- 权限验证
-页面权限
-全局功能
-动态侧边栏
-动态面包屑
-快捷导航(标签页)
-Svg Sprite 图标
-本地/后端 mock 数据
-Screenfull 全屏功能
-自适应收缩侧边栏
表格
-动态表格
-错误页面
-401
-404
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。