新一代办公平台

简介

核心组件-插件

目录结构

├── build // 构建相关
├── src // 源代码
│ ├── assets // 资源目录，这里的资源会被wabpack构建
│ │ ├── css // 全局样式
│ │ ├── icons // 项目所有 svg icons
│ │ │ ├── iconfont // 阿里巴巴矢量图标库
│ │ │ └── font-awesome // font-awesom矢量图标库
│ │ ├── img // 图片
│ │ ├── json // json数据文件
│ │ ├── lang // 国际化 language
│ │ └── plugins // 离线插件
│ ├── components // 小组件，公共组件
│ ├── constants // 全局常量
│ │ ├── api // 后端接口资源文件
│ │ ├── config // 配置常量
│ │ ├── enum // 枚举类
│ │ └── types // 类型声明文件
│ ├── directives // 全局指令
│ ├── filtres // 全局过滤器
│ ├── model // 模型
│ │ ├── domain // 自定义模型
│ │ └── entity // 实体模型，和后端数据交互对象一致
│ ├── router // 路由
│ ├── service // 服务/工具类
│ ├── store // 数据缓存工具类
│ │ │ ├── app-management // 应用管理
│ │ │ ├── ...... // 其他业务模块
│ │ │ └── user-management // 用户管理
│ ├── App.vue // 根组件
│ └── main.ts // 入口js文件 加载组件 初始化等
├── public // 纯静态资源，不会被wabpack构建
│ ├── favicon.ico // favicon图标
│ └── index.html // 入口页面
├── .browserslistrc // 目标浏览器配置表
├── .env.* // 多环境配置
├── eslintrc.js // eslint 配置项
├── .gitignore // git 忽略项
├── babel.config.js // babel编译配置
├── package.json // npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
├── package-lock.json // 描述 node_modules 文件中所有模块的版本信息，模块来源及依赖的小版本信息
├── README.md // 项目介绍
├── tsconfig.json // typescript编译配置
└── vue.config.js // vue 编译配置

引入插件

| 名称 | 描述 | 版本 | 文档地址 | | ---- | ---- | ---- | ---- | | vue | 构建数据驱动的 web 界面的渐进式框架 | 2.6.11 | https://cn.vuejs.org/v2/guide/ | core-js | 提供了es5、es6的polyfills | 3.6.5 | https://github.com/zloirock/core-js#readme | vue-router | 前端路由 | 3.2.0 | https://router.vuejs.org/zh/installation.html | axios | http客户端 | 0.19.2 | https://github.com/axios/axios | vue-axios | axios接入支持 | 2.1.5 | https://github.com/imcvampire/vue-axios#readme | @types/vue-ls | vue-ls 类型声明文件 | 3.2.1 |

延伸阅读

• 风格指南
• 类风格组件语法
• Vue CLI

本地发布到npm

1、执行 npm run tsc 生成types文件 2、执行 npm run build:lib 生成dist文件 3、执行 npm adduser 添加npm用户，密码，邮箱，一次性密码 4、执行 npm run publish:lib 发布到对应npm用户项目下