项目模板开发

新增模板

新增项目模板，可以通过 next add 命令添加：

next add scaffold

模板语法

根据提示填写模板的基本信息：

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

填写完成之后，在 scaffolds/ 目录下生成新的项目脚手架。

目录结构

• 导航配置：config/menu.js
• 路由配置：config/routes.js
• 路由入口：src/router.js
• 通用组件：src/components
• 布局文件：src/layouts
• 页面文件：src/pages
• 入口文件：src/main.js

开发调试

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

cd scaffolds/LiteScaffold
npm install
npm start

构建发布

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

npm publish

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