open-index/open-npm huggingface dataset:
npm package: @baishan/component
Description: This is a ice material project
Latest version: 0.1.1

# Custom Materials

[Docs](https://appworks.site/materials/about.html).

## Install Iceworks CLI

```bash
$ npm i -g iceworks
$ iceworks --help
```

## Install Deps

```bash
$ npm install
```

## Develop materials

```bash
# block
$ cd blocks/ExampleBlock
$ npm install
$ npm run start

# component
$ cd blocks/ExampleBlock
$ npm install
$ npm run start

# page
$ cd pages/ExamplePage
$ npm install
$ npm run start
```

## Add new material

```bash
$ iceworks add  # select block|component|scaffold|page
```

## Generate materials data

```bash
$ iceworks generate
```

## Publish materials data

```bash
# sync to fusion material center
$ iceworks sync
```

## Use materials in AppWorks

Add the materials data url to [AppWorks](https://appworks.site/pack/basic/materials.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%89%A9%E6%96%99%E6%BA%90).
npm package: @baiwenbao/hooks
Description: [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]
Latest version: 1.1.26

[![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]

[npm-image]: http://img.shields.io/npm/v/@baiwenbao/hooks.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/@baiwenbao/hooks
[download-image]: https://img.shields.io/npm/dm/@baiwenbao/hooks.svg?style=flat-square
[download-url]: https://www.npmjs.com/package/@baiwenbao/hooks

## Getting Started

![](<./39b699d9be734f99a41aee8cf87fbf6a%20(2).png>)

Install

```bash
$ npm i @baiwenbao/hooks
```

Install dependencies,

```bash
$ npm i
```

Start the dev server,

```bash
$ npm start
```

Build documentation,

```bash
$ npm run docs:build
```