区块开发

新增区块

新增区块开发，可以通过 next add 命令添加：

next add block

模板语法

根据提示填写区块的基本信息：

• name：物料名称（命名规范为大驼峰式）
• title：物料标题，用于填充示例代码
• version：物料版本，默认 1.0.0
• description：物料描述
• category：物料分类，用于快速索引

填写完成之后，在 blocks/ 目录下生成新的区块目录。

开发调试

根据提示进入区块文件夹，安装依赖并开始开发：

cd blocks/ProfileCard
npm install
npm start

区块的主要代码在 src/ 目录下，src 是区块源码目录，所有源码都在这个目录下完成。

构建发布

每个物料开发完成后，都需要先发布到 npm 才能使用。我们在当前路径执行 npm publish 发布 ProfileCard 区块：

npm publish

执行 publish 命令的时会自动执行 npm run build 和 npm run screenshot 脚本。build 命令执行区块的构建任务，而 screenshot 命令会生成区块截图，截图被用于物料中心展示。当然，你也可以手动截取图片作为区块预览，只需要截图以 screenshot.png 保存在当前目录即可。