ai.touchui-vue

1.12.7 • Public • Published

ai.touchui-vue

Touchui-vue 是 touchui 的 vuejs 版本

发布

  1. 命令行执行 "npm login" 登录 npmjs 网站的账号
    • 用户名:wadecnchart
    • 密码:输入密码
    • 邮箱:touch_ui@163.com
    • 或直接查询 ai.touchui-vue
  2. 命令行执行构建和打包 npm run build
  3. 执行发布命令 npm publish

维护

  1. build:发布、编译脚本
  2. examples:示例、文档等
  3. lib:编译之后生成的
  4. packages:具体开发的组件,一个目录就是一个组件
  5. src
    1. mixins:公共方法
    2. utils:工具类、基类
    3. locale:多语言
    4. adapters:适配
  6. 创建皮肤
    1. 打开 packages/theme/src/less/theme
    2. 复制创建 mytheme.less 与 mytheme-skin.less
    3. 修改 mytheme-skin.less 即可修改色彩配置与间距配置
    4. npm run build:theme 可直接编译出对应的主题文件,编译结果在 lib/theme 中,这样可以直接拷贝到工程 public 目录下去引用(参考信点兵)
    5. 发布并安装新版本后也可以直接引用

更新网站

根目录运行 node site

开发组件

  1. 在 packages 里加目录
  2. 配置目录里的内容
  3. 文件中
    1. name:ToImport
    2. componentName:emitter 里要用到的
    3. 根目录:components.json 里配置一个
  4. 在 Examples 里
    1. route.config.js
    2. 加栏目:直接改 header.vue 里的静态数据
    3. nav.config.json 里配置文档菜单
    4. 路由中的 path 是根据配置文件自动生成的,example 里的文件名要跟 path 匹配
    5. 在 demo-block 中可以配置 codepen 引入的资源
  5. 修改完成之后在 version.md 中记录日志
  6. 执行 npm run build 后会生成 lib/ai.touchui-vue.common.js 和 lib/theme 文件夹,一般就用到这俩,你把这个拷贝到工程的 node_modules 中,可以验证你改的东西在工程中是否有效果。

插件文档维护

  1. 发布 ai.touchui-plugin,方法参考“发布”一节
  2. 在 ai.touchui-vue 中更新
  3. 修改文档

Readme

Keywords

Package Sidebar

Install

npm i ai.touchui-vue

Weekly Downloads

261

Version

1.12.7

License

MIT

Unpacked Size

14.7 MB

Total Files

758

Last publish

Collaborators

  • wadecnchart