@infinitoui/infinito-elements v1.7.8

infinitoui

快速上手

1. 首先确保你全局安装了lerna

npm install -g lerna

2. 克隆代码

git clone https://github.com/WUSO01/wc-components-repo

3. 安装依赖

yarn

4. 编译package

yarn build

需要和infinity新标签页联动开发的时候，先cd到package/all然后执行yarn link命令， 然后cd 到 infinity新标签页项目根目录，执行 yarn link @infinitoui/infinito-elements

如图所示：

开发

yarn dev：会启动demo页面

yarn watch：会监听packages下所有ts文件的更改。

开发新的package

当你需要开发一个新的package的时候，只需要在根目录执行yarn creator infinito-xxx

⚠️：package name必须以infinito-开始，否则使用creator命令会报错。项目名应该语义化，比如：button, switch这种。

如图所示：

使用creator命令后，会在packages文件下面自动创建相关代码，在examples也会创建demo文件。

注意⚠️：

1. 目前需要手动将新创建的package 添加到 package/all下面。执行lerna add infinito-xxx package，并且在package/all/src/infinito-elements.ts中引入。

2. 在examples/index.js添加新增package的信息。

   

💡之后优化成自动写入

可能遇到的问题:

1. 刚创建完新的package后，可能直接import到packges/all下面可能会报错。

   因为刚创建完的package没有经过编译生成js文件，如果你是开启了yarn watch你只需要对新创建的package源码进行修改，会自动build出js文件。如果没有开启watch模式，修改完代码后，执行yarn build或者yarn watch。

命令详解

Creator 命令