简要描述

基于"element-ui": "^2.12.0"二次开发

主要目录说明

• build 配置文件
• config 配置文件
• dist 打包后文档资源
• lib 编译后组件库
  • tennetcn-ui.common.js 本地调试要导入该文件
• examples 示例文档
  • docs md 说明文档
  • main.js
  • App.vue
• packages 组件库
• src
• package.json
  • name 包名
  • files 决定哪些文件将被上传 npm

执行步骤

• 安装依赖
• 开发
• 单元测试
• 本地调试
• 上传 npm
• 下载使用

安装依赖 1、yarn

开发

1、在 packages 文件下编写组件，并在 index.js 中引入； 2、编辑 src/index.js 文件，引入所需组件 3、根目录下编辑文件 components.json 4、执行 npm run lib 生成组件库 lib

单元测试（待添加） 1、比如 jest

本地调试 1、修改 examples/main.js 文件，引入想要调试的组件或者全部加载 2、可以在 examples/pages/ZH-CN/index.vue 文件中使用组件 3、运行命令 npm run dev

上传 npm 1、进入根目录，事先配置好 package.json 文件 2、执行命令 npm login npm publish

下载使用 1、参考 element-ui

一些命令

# 安装依赖
yarn

# 运行demo示例工程 localhost:8089
npm run dev

# 生成demo文件的示例工程
npm run build

# 编译组件
npm run lib

已有功能

• 自定义组件开发
• 在线预览，调试
• 组件说明文档，wiki
• 上传 npm
• 构建静态组件说明文档

待解决问题

• 文档结构可以再优化，无效的文件及配置可以删
• 多语言配置估计用不上
• 考虑自动化生成 components.json , /packages/index.js
• 。。。