[1] Saber框架的框架结构

1、Saber框架简介

Saber框架是与BladeX框架匹配的前端框架，是在Vue-cli基础上，加载了多种组件的一个框架。

Saber框架的依赖插件：

- axios    0.18.0

- babel-polyfill    6.26.0

- classlist-polyfill    1.2.0

- element-ui    2.15.1

- js-base64    2.5.1

- js-cookie    2.2.0

- mockjs    1.0.1

- node-gyp    5.0.6

- nprogress    0.2.0

- script-loader    0.7.2

- vue    2.6.10

- vue-axios    2.1.2

- vue-i18n    8.7.0

- vue-router    3.0.1

- vuex    3.1.1

2、Saber安装环境

3、Saber框架结构

- docker

- nginx.k8s.conf

- node_modules

用于存放已经导入的依赖的模块，类似Java的lib

- public

- cdn

存放avue, axios, element-ui等插件的.js文件

- img

存放系统功能的各类图片，例如404图片、logo图片等

- svg

- util

适配各类浏览器的.js文件

- favicon.png

web页面图标

- index.html

- src（核心）

- api

和后端bladeX框架交互的api函数

- components

存放系统常用组件

- config

业务全局配置文件

- const

存放静态信息

- docker

- lang

存放长字符串、国际化内容

- mixins

- mock

- page

存放业务页面组件

- router

存放业务路由表、系统配置路由表

- store

- style

存放CSS样式

- util

存放工具类函数

- views

存放示例组件

- views

存放展示界面组件

- App.vue

组件入口

- error.js

- main.js

注册有关插件，启动框架

- permission.js

登录认证处理函数

- .browserslistrc

- .editorconfig

- .eslintrc.js

- .gitignore

- .postcssrc.js

- .babel.config.js

- .build.sh

打包、传输、部署文件的sh命令

- .Dockerfile

- .LICENCE

- .package.json

配制框架的依赖，类似Java的pom

- .package-lcok.json

- .vue.config.js

3、Saber框架启动方式

- 安装插件    npm install

- 启动服务    npm sun serve