tq-ui 天阙前端 UI 组件库

使用请点击 组件库开发文档

开发Docs请点击 vuepress开发文档 Markdown开发文档

脚本

本地测试

$ npm run test

构建打包 组件

$ npm run pkg:all

拷贝 组件 到 Docs

$ npm run copy

• 用于 docs 中示例实现

构建打包 组件 并拷贝到 Docs

$ npm run prepub

发布 组件 到 npm 或 私服

$ npm run push

• 若发布到 npm 中，直接运行 npm run push
• 若发布到 私服:
  1. 直接运行 npm publish tq-ui --registry=http://223.4.69.11:4873/
  2. 若安装了 nrm 则，切换到 私服 后运行 npm run push

本地开发 Docs

$ npm run docs:dev

构建打包 Docs

$ npm run docs:build

压缩 Docs

$ npm run docs:zip

远程部署 Docs

$ npm run docs:deploy

结构

+-- dist -------------------------------------------> 组件库 打包后代码
+-- build ------------------------------------------> 配置目录
+-- docs -------------------------------------------> 开发文档目录
|   +-- .vuepress ----------------------------------> 用于存放全局的配置、组件、静态资源等。
|   |   +-- components -----------------------------> vuepress组件库目录（该目录中的 Vue 组件将会被自动注册为vuepress全局组件）
|   |   |   +-- image ------------------------------> 图片目录
|   |   +-- dist -----------------------------------> docs 打包后代码
|   |   +-- public ---------------------------------> 静态资源目录（可用绝对路径访问）
|   |   |   +-- example ----------------------------> 示例目录
|   |   |   |   +-- basic --------------------------> 基础组件目录
|   |   |   |   +-- form ---------------------------> 表单组件目录
|   |   |   |   +-- layout -------------------------> 布局组件目录
|   |   |   |   +-- nav ----------------------------> 导航组件目录
|   |   |   |   +-- view ---------------------------> 视图组件目录
|   |   |   |   +-- other --------------------------> 其他组件目录
|   |   |   +-- image ------------------------------> 图片目录
|   |   +-- styles ---------------------------------> 样式目录（用于存放样式相关的文件）
|   |   |   +-- index.styl -------------------------> 将会被自动应用的全局样式文件，会生成在最终的 CSS 文件结尾，具有比默认样式更高的优先级
|   |   |   +-- palette.styl -----------------------> 用于重写默认颜色常量，或者设置新的 stylus 颜色常量
|   |   +-- config.js ------------------------------> 配置文件的入口文件（可配置主题、菜单、路由）
|   |   +-- enhanceApp.js --------------------------> 客户端应用的增强
|   +-- api ----------------------------------------> 组件开发文档目录
|   |   +-- basic ----------------------------------> 基础组件目录
|   |   +-- form -----------------------------------> 表单组件目录
|   |   +-- layout ---------------------------------> 布局组件目录
|   |   +-- nav ------------------------------------> 导航组件目录
|   |   +-- view -----------------------------------> 视图组件目录
|   |   +-- other ----------------------------------> 其他组件目录
|   |   +-- image ----------------------------------> 图片目录
|   +-- directives ---------------------------------> 指令开发文档目录
|   +-- example ------------------------------------> 示例演示目录
|   +-- guide --------------------------------------> 教程目录
|   +-- methods ------------------------------------> 方法目录
+-- examples ---------------------------------------> 本地测试目录
|   +-- assets -------------------------------------> 静态资源
|   +-- src ----------------------------------------> 示例目录
|   +-- App.vue ------------------------------------> App 组件
|   +-- main.js ------------------------------------> 配置文件的入口文件
|   +-- routes.js ----------------------------------> 路由文件
+-- packages ---------------------------------------> 组件库目录
|   +-- components ---------------------------------> 组件目录
|   |   +-- index.js -------------------------------> 组件入口文件
|   +-- directives ---------------------------------> 指令目录
|   |   +-- index.js -------------------------------> 指令入口文件
|   +-- mixins -------------------------------------> mixins 目录
|   |   +-- table-page.js --------------------------> table 表格 mixin 文件
|   +-- utils --------------------------------------> 工具类目录
+-- public -----------------------------------------> 静态资源
+-- babel.config.js --------------------------------> babel相关配置
+-- vue.config.js ----------------------------------> vue cli 相关配置
+-- .gitignore -------------------------------------> git ignore 配置
+-- package.json -----------------------------------> 项目信息/版本/npm脚本/依赖/eslint配置/postcss配置/游览器适配配置
+-- README.md --------------------------------------> 说明文档

版本更新

1.0.6-beta 实现按需加载功能