# 制作物料

物料包的内容是一份压缩包 .zip，内部主要包含 package.json（物料的描述）source (物料的文件目录)。

# 制作页面/区块

下载【页面/区块】 (opens new window)工程模版，物料包结构如下：

├── package.json
└── source
    └── folder1
        ├── page1.json
        └── page2.json

package.json

{
	"title": "name",
	"version": "1.0.0",
	"description": "description",
	"type": "page",  // 类型: 页面(page), 区块(block)
	"terminal": "web", // 适用终端: web, mobile
	"source": [
    {
			"src": "folder1", // 相对source文件夹目录
			"target": "/templates/page/folder1" // ！！注意：区块物料需要把page修改为component。 拷贝到app的元数据目录的路径
		}
	]
}

在低代码IDE中，会识别到 source 的定义，逐个资源拷贝到 target 指向的目录；
page1.json，page2.json 是页面、区块的元数据定义（可以在IDE里面将内容拷贝出来）；

最后打包成 zip 包进行发布。

# 制作组件包

下载【组件包】 (opens new window)工程模版进行开发和构建。自定义组件开发可参考【扩展组件章节】。

# 运行工程

使用 vscode 打开下载的工程，接下来：

修改包名

全局搜索component-template替换成自己的包名。

修改依赖

模版中默认的 @fly-vue/** 依赖的版本是 1.8.5，可以根据需要调整成最新的。

安装依赖

npm install

开发调试

npm run dev

打开http://localhost:8585/ 就可以查看运行时效果，这个工程包含了一个简单的组件示例。

# 构建组件包

在命令行中，运行以下命令：

# 生成组件描述schema
npm run schema

# 打包组件
npm run packMat

执行成功后，在 packMaterial 文件夹下，找到打包好的组件包（.zip），即可发布到物料市场。