AppCanUI 组件库示例项目

准备工作

• 全局安装appcanui-wx-cli

  npm install -g appcanui-wx-cli

• 查看是否安装成功

  aui -v

• AppCanUI工程转换为WX小程序工程

aui transform --type ui2wx --src AppCanUI工程目录路径 --dest 输出路径

• 预览小程序

打开微信开发者工具，新建一个微信小程序项目，将项目目录指定到本工程的dist目录

目录说明

  appcanui-wx
  ├── dist                              微信开发者工具指定的目录
  ├── node_modules
  ├── packages                          代码编写的目录（该目录为使用 AppCanUI 后的开发目录，用于管理各个 组件package 的主目录）
  |   ├── wxc-toast                       组件的 package 目录
  |   |   ├── src
  |   |   |   └── index.wxc                   组件的源码编写文件（组件入口文件必须为index.wxc）
  |   |   ├── package.json                  组件的 package 配置
  |   |   └── README.md                     组件的 README 文档
  └── src                               代码编写的目录（该目录为使用 AppCanUI 后的开发目录）
      ├── pages
      |   ├── home
      |   |   ├── index.wx                   home 页面
      |   ├── toast                         toast组件示例
      |   |   ├── demos                       示例目录列表
      |   |   |   └── demo-default.wxc          示例代码
      |   |   └── index.wx                  示例入口页面
      └──app.wxa                        小程序配置项