快速开始

安装开发工具

全局安装 Next CLI 开发工具：

npm install @startdt/next-cli -g

# 检查是否安装成功
next --version

生成物料项目

使用脚手架初始化物料项目：

# 创建物料文件夹
mkdir vue-material && cd vue-material

# 初始化物料项目
next init material

根据提示填写物料的基本信息，即可创建一个完整的物料项目。初始化的目录结构如下所示：

├── blocks
│      └── ExampleBlock
├── components
│      └── ExampleComponent
├── pages
│      └── ExamplePage
├── scaffolds
│      └── ExampleScaffold
├── README.md
└── package.json

单个物料开发

以区块开发为例，假设我们需要开发一个 BasicFooter 模块用于展示页脚信息，在项目根目录执行命令：

next add block

填写信息之后，会在 blocks/ 目录下生成 BasicFooter 目录及初始代码。根据提示执行以下命令进行区块开发：

cd blocks/BasicFooter
next serve # 打开浏览器 http://localhost:8080

开发完成后，即可通过 npm 发布物料。

物料数据生成

将每个物料发布到 npm 之后，我们便可生成物料集合数据。在根目录执行以下命令：

next generate

执行完成之后，会生成 build/materials.json 文件，包含整个物料集合的元数据。

物料数据发布

最后，我们可以通过 next sync 方式将物料数据同步到物料中心，即可在开发项目中使用这些物料。