Skip to content

fbi-templates/fbi-project-vue-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

fbi-project-vue-admin

基于 vueelement 的管理系统模板。参考了强大的 vue-element-admin

依赖

特性

  • 权限验证:支持路由、页面区块、按钮的权限验证。使 用vue-role-manager
  • 国际化支持
  • UI 尺寸设置
  • 简单的本地数据 Mock,对源代码无侵入,随开发服务器启动
  • 多个参考示例,位于src/examples,不用担心,它们只在本地开发时可见,不会参与生 产构建

使用

  1. 添加模板

    $ fbi add https://github.com/fbi-templates/fbi-project-vue-admin.git
  2. 创建项目

    $ cd path/to/empty-folder
    $ fbi init -o vue-admin
  3. 查看可用任务

    $ fbi ls
  4. 运行任务

    • 本地开发
      $ fbi s
    • 生产构建
      $ fbi b

任务说明

serve

  • 启动开发服务器
  • 别名: s
  • 示例:
    • fbi s
    • fbi s -port=9999

      指定服务端口号 (如果要使用 VScode 调试,请记得修改 .vscode/launch.json 中的默认端口号 8888)

build

  • 生产构建
  • 参数:
    • p/prod {Boolean} (默认) 生产环境
    • t/test {Boolean} 测试环境
  • 别名: b
  • 示例:
    • fbi b // 构建到生产环境
    • fbi b -p // 构建到生产环境
    • fbi b -t // 构建到测试环境

更新模板

  1. 更新本地全局模板

    $ fbi up vue-admin
  2. 更新项目使用的模板版本

    $ fbi use [版本号]  # 版本号可通过 fbi ls store 查看
  3. � 更新配置文件或任务

    $ fbi init -o/-t    # 原配置文件和任务会备份在fbi-bak目录

VSCode 断点调试

  1. fbi s
  2. 在 VSCode 内按 F5 快捷键

更多