组件管理工具Bit使用指南

Bit 官方文档

当远程组件库位于本地电脑时

mkdir -p /opt/bit/gt-scope

cd /opt/bit/gt-scope

bit init --bare


本地组件开发目录

└── src

    └── pagination

        ├── pagination.jsx

        ├── pagination.scss

进入组件项目目录,初始化 

bit init

添加远程组件库

bit remote add file:///opt/bit/gt-scope

执行完成后会提示远程组件库的名字是 `gt-scope`

添加翻页组件

其中ui是namespace

bit add src/pagination/ -i ui/pagination -m src/pagination/pagination.jsx

版本标注

必须在 `export` 之前执行

`bit tag --all`

发送到远程库 

语法:`bit export [scope] <namespace/component-name>`

`bit export gt-scope ui/pagination`

移除远程组件

语法 `bit remove -r [scope]/<name>`

bit remove -r gt-scope/hello/world

查看远程库中组件列表

 语法 `bit list [scope-name]`

例如:`bit list gt-scope`

如果直接执行 `bit list` 那么是查看本地组件列表

 在另外一个项目中使用组件

1. 初始化`npm init -y`

1. 初始化`bit init`

1. 添加远程库 `bit remote add file:///opt/bit/gt-scope`

1. 引入语法 `bit import <remove-scope>/<namespace>/<component-name>`

  - `bit import gt-scope/ui/pagination`

更新引用的组件

- 获取最新版本 `bit checkout <版本号> <scope-name>/<namespace>/<component-name>`

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容