[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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue的核心是什么? Vue 的核心设计理念可以概括为以下 5 个关键要素,这些要素共同构成了 Vue 的独特优势...
    Aniugel阅读 10,159评论 3 21
  • 先从最外层走起(根目录文件): babelrc:作为项目babel的配置文件(Babel 是一个 JavaScri...
    依然淳熙阅读 978评论 0 0
  • 从18年7月16号入职到现在已经5个月多了,入职之后就一直使用vue,来这边温习记录下使用的步骤。在我的理解中vu...
    好市民学编程阅读 2,091评论 2 12
  • Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户...
    桂_3d6b阅读 946评论 0 0
  • Nuxt爬坑 第一节:nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作S...
    阿_军阅读 1,156评论 0 0

友情链接更多精彩内容