open-index/open-npm huggingface dataset:
npm package: @icedesign/ice-koa-template
Description: 基于 Iceworks 能够一键生成 ice 和 Node 的前后端分离的项目；前端使用 React 技术栈，后端使用 Koa 2.x 作为服务端开发框架。
Author: ICE Team
Latest version: 1.0.2

## 简介

基于 Iceworks 能够一键生成 ice 和 Node 的前后端分离的项目；前端使用 React 技术栈，后端使用 Koa 2.x 作为服务端开发框架。

## 目录结构

目录结构采用分层设计，主体分为 client 和 server 两部分，即 client 对应前端工程，server 对应服务端工程，提供 RESTful API 和 client 端进行数据通信；脚手架默认只提供最简的的 RESTful API 接口，因为在实际场景中，Node 层可能只是用来作为微服务架构中的 API 转发层，并不需要 ORM、数据库等功能。但可以通过插件化来进行支持，在创建项目的时候进行自定义选择生成项目的类型。

在实际项目中，你也可以根据实际需求自定义自己的目录规范，但需要符合 Iceworks 的 基本规范，以确保能使用 Iceworks 新建页面和启动服务。如在一些工程中会有 client、admin、server 三个目录，client 对应客户端系统，admin 对应后台管理系统，server 作为服务端的 API 分发。


```
project
├── client
│     ├── build     // 构建后的前端静态资源，Node 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下。
│     │    ├── index.html
│     │    ├── css
│     │    └── js
│     ├── src       // 资源目录
│     │    ├── components       // 公共组件
│     │    ├── layouts          // 通用布局
│     │    ├── pages            // 页面
│     │    ├── menuConfig.js    // 导航配置
│     │    ├── routerConfig.js  // 路由配置
│     │    ├── router.js        // 路由入口
│     │    ├── index.html
│     │    ├── favicon.png
│     │    └── index.js         // 入口文件
|     ├── package.json          // 前端 package.json
|     ├── .gitignore            // git 忽略目录配置
|     ├── .editorconfig         // 代码风格配置
|     ├── .eslintignore         // eslint 忽略目录配置
|     ├── .eslintrc             // eslint 配置
|     └── .webpackrc.js         // 自定义 webpack 配置
|
├── server
|     ├── package.json          // 服务端 package.json
|     ├── .gitignore            
|     ├── .editorconfig         
|     ├── .eslintignore         
|     ├── .eslintrc             
|     └── src
|          ├── config           // 配置文件
|          ├── controller       // 用于解析用户的输入，处理后返回相应的结果
|          ├── middleware       // 用于编写中间件
|          ├── model            // 用于放置模型
|          ├── router           // 用于路由文件
|          └── app.js           // 入口文件
|
├── package.json           // package.json
└── README.md              // 项目说明
```

### client

client 用于组织前端工程资源，包括 HTML、CSS、JavaScript 等和 UI 相关的代码。

### server

server 用于组织服务端的相关的代码，即常见的 MVC 的组织方式。

#### 配置

公共配置包含代码风格、eslint 等基础配置，在整个应用中，前后端各自使用一套基础配置。
npm package: @icedesign/ice-light-bootstrap-dashboard
Description: 该模板基于社区的 light-bootstrap-dashboard 改造而成，默认使用 react-bootstrap 组件和 react-scripts 构建，同时也支持飞冰基础组件和区块的使用，支持 Iceworks 一键创建项目和完整的 GUI 操作
Latest version: 2.0.0

# light-bootstrap-dashboard

## 简介说明

该模板基于社区的 [light-bootstrap-dashboard](https://github.com/creativetimofficial/light-bootstrap-dashboard-react) 改造而成，默认使用 react-bootstrap 组件，同时也支持飞冰基础组件和区块的使用，支持 Iceworks 一键创建项目和完整的 GUI 操作。在实际项目中，需要根据需求进行删减或者自定义开发。

## 快速使用

- 启动调试服务: `npm start`
- 构建 build: `npm run build`

## 目录结构:

```
├── public/                # static files
│   ├── favicon.png        # favicon
│   └── index.html         # html temlpate
│
├── src/                   # project root
│   ├── assets/            # assets source
│   ├── components/        # common components
│   ├── layouts/           # layouts source
│   ├── pages/             # pages source
│   ├── variables/         # global variables
│   ├── index.js           # entry file
│   ├── menuConfig.js      # sidebar config
│   └── routerConfig.js    # routes config
│
├── .env
├── config-overrides.js
├── rewire-scss.js
├── package.json
└── README.md
```

## 了解更多

- [light-bootstrap-dashboard-react](https://github.com/creativetimofficial/light-bootstrap-dashboard-react)
- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap)

## 效果图:

![screenshot](https://img.alicdn.com/tfs/TB1265Oay6guuRjy1XdXXaAwpXa-2840-1596.png)
npm package: @icedesign/ice-material-dashboard-scaffold
Description: 该模板基于社区的 material-dashboard-react 改造而成，默认使用 material-ui 组件和 react-scripts 构建，同时也支持飞冰基础组件和区块的使用，支持 Iceworks 一键创建项目和完整的 GUI 操作
Latest version: 2.0.0

# material-dashboard

## 说明

该模板基于社区的 [material-dashboard-react](https://github.com/creativetimofficial/material-dashboard-react) 改造而成，默认使用 [material-ui](https://material-ui.com/) 组件，同时也支持飞冰基础组件和区块的使用，支持 [Iceworks](https://alibaba.github.io/ice/iceworks) 一键创建项目和完整的 GUI 操作

## 使用

- 启动调试服务: `npm start`
- 构建 dist: `npm run build`

## 目录结构:

```
.
├── build
├── public
│   ├── favicon.png
│   └── index.html
└── src
│    ├── assets
│    ├── components
│    ├── layouts
│    ├── pages
│    └── variables
│    ├── index.js
│    ├── menuConfig.js
│    └── routerConfig.jsx
├── .env
├── .eslintignore
├── .eslintrc
├── .gitignore
├── config-overrides.js
├── rewire-scss.js
├── package.json
└── README.md
```

## 效果图:

![screenshot](https://img.alicdn.com/tfs/TB1lJJDFntYBeNjy1XdXXXXyVXa-2840-1596.png)

## 了解更多

- [material-dashboard-react](https://github.com/creativetimofficial/material-dashboard-react)
- [material-ui](https://material-ui.com/)
npm package: @icedesign/ice-react-app-template
Description: ice react app template
Author: ICE Team
Latest version: 1.0.6

## ice-react-app-template

## 简介

用于 `ice-devtools add` 时添加脚手架的初始模板

## 使用

```bash
# 安装物料开发工具
$ npm i ice-devtools -g

# 添加区块
$ ice-devtools add ice-react-app-template my-block

# 区块预览
$ cd my-block && npm install
$ npm run start
```
npm package: @icedesign/ice-react-block-template
Description: ice react block template
Author: ICE Team
Latest version: 1.0.6

## ice-react-block-template

## 简介

用于 `ice-devtools add` 时添加区块的初始模板

## 使用

```bash
# 安装物料开发工具
$ npm i ice-devtools -g

# 添加区块
$ ice-devtools add ice-react-block-template my-block

# 区块预览
$ cd my-block && npm install
$ npm run start
```
npm package: @icedesign/ice-react-layout-template
Description: ice react layout template
Author: ICE Team
Latest version: 1.0.1

## ice-react-layout-template

## 简介

用于 `ice-devtools add` 时添加布局的初始模板

## 使用

```bash
# 安装物料开发工具
$ npm i ice-devtools -g

# 添加区块
$ ice-devtools add ice-react-layout-template my-layout

# 区块预览
$ cd my-layout && npm install
$ npm run start
```
npm package: @icedesign/ice-react-materials-template
Description: 自定义物料源的初始模板
Author: ICE Team
Latest version: 0.1.11

# ice-react-materials-template

## 简介

用于 ice-devtools init 初始化时的物料仓库模板，基于 react 和 next 组件库

## 使用

```bash
$ npm install ice-devtools -g
$ ice-devtools init ice-react-materials-template my-project
```

#### 区块预览

```
$ cd my-project/blocks/Login
$ npm install
$ npm run start
```

#### 布局预览

```
$cd my-project/layouts/BasicLayout
$ npm install
$ npm run start
```

#### 模板预览

```
$ cd my-project/scaffolds/lite
$ npm install
$ npm run start
```
npm package: @icedesign/ice-vue-materials-template
Description: 自定义物料源的初始模板
Author: ICE Team
Latest version: 0.0.1

# ice-vue-materials-template

## 简介

用于 ice-devtools init 初始化时的物料仓库模板

## 使用

```bash
$ npm install ice-devtools -g
$ ice-devtools init
```

#### 区块预览

```
$ cd my-project/blocks/ExampleBlock
$ npm install
$ npm run start
```

#### 模板预览

```
$ cd my-project/scaffolds/ice-app
$ npm install
$ npm run start
```