Touchui-vue 是 touchui 的 vuejs 版本
- 命令行执行 "npm login" 登录 npmjs 网站的账号
- 用户名:wadecnchart
- 密码:输入密码
- 邮箱:touch_ui@163.com
- 或直接查询 ai.touchui-vue
- 命令行执行构建和打包 npm run build
- 执行发布命令 npm publish
- build:发布、编译脚本
- examples:示例、文档等
- lib:编译之后生成的
- packages:具体开发的组件,一个目录就是一个组件
- src
- mixins:公共方法
- utils:工具类、基类
- locale:多语言
- adapters:适配
- 创建皮肤
- 打开 packages/theme/src/less/theme
- 复制创建 mytheme.less 与 mytheme-skin.less
- 修改 mytheme-skin.less 即可修改色彩配置与间距配置
- npm run build:theme 可直接编译出对应的主题文件,编译结果在 lib/theme 中,这样可以直接拷贝到工程 public 目录下去引用(参考信点兵)
- 发布并安装新版本后也可以直接引用
根目录运行 node site
- 在 packages 里加目录
- 配置目录里的内容
- 文件中
- name:ToImport
- componentName:emitter 里要用到的
- 根目录:components.json 里配置一个
- 在 Examples 里
- route.config.js
- 加栏目:直接改 header.vue 里的静态数据
- nav.config.json 里配置文档菜单
- 路由中的 path 是根据配置文件自动生成的,example 里的文件名要跟 path 匹配
- 在 demo-block 中可以配置 codepen 引入的资源
- 修改完成之后在 version.md 中记录日志
- 执行 npm run build 后会生成 lib/ai.touchui-vue.common.js 和 lib/theme 文件夹,一般就用到这俩,你把这个拷贝到工程的 node_modules 中,可以验证你改的东西在工程中是否有效果。
- 发布 ai.touchui-plugin,方法参考“发布”一节
- 在 ai.touchui-vue 中更新
- 修改文档