快速开始

业务空间开发栏目需要使用脚手架工程，工程在源码cap-front/column_factory下

node版本建议：10.24.xx

进入工程后先执行npm i 安装依赖

1.快速开发

特点

1.从源栏目copy一份出来，修改后可直接上线（涉及到配置，必须使用create命令来进行栏目copy）。

2.适用于大部分业务场景，覆盖现阶段所有数据类型。

3.上手成本低，无需深入理解整个门户运行机制。

npm run create 命令使用

step 1

在文档的已开发栏目中选取跟自身需求类似的栏目，在url中获能够看到栏目的文件夹名称，这里用column-menu-grid栏目来举例。

step 2

在控制台中运行npm run create,运行命令之前，让工程处于关闭状态。 创建模式中选择第二种【指定】创建栏目

step 3

选中我们看中的栏目，回车运行。

step 4

输入栏目名称test1,通过copy程序生成了column-test1栏目,开发者就可以进入工程的packages/column-test1下对栏目进行开发。

ps：copy程序会自动写入栏目的唯一认证uuid、css重命名、栏目重命名等必要信息，不要自己手动copy栏目，防止出现栏目冲突。

step 5

启动工程npm run serve后，就会发现刚才新建的栏目已经挂载到已开发栏目下。

2.栏目打包

1.输入命令npm run lib,选中column-test1后回车，出现提示是否上传商城选择【是】，此处没有进行商城链接并不会真正上传到商城，但是会生成上传商城的附件shop/column-test1.clmn。

有了这个文件后就可以在商城上架栏目商品或者直接通过门户设置中的本地导入功能导入栏目。

创建人：yinyanting

快速跳转

• 快速开始
  • 1.快速开发
    • 特点
    • npm run create 命令使用
      • step 1
      • step 2
      • step 3
      • step 4
      • ps：copy程序会自动写入栏目的唯一认证uuid、css重命名、栏目重命名等必要信息，不要自己手动copy栏目，防止出现栏目冲突。
      • step 5
  • 2.栏目打包
    • 有了这个文件后就可以在商城上架栏目商品或者直接通过门户设置中的本地导入功能导入栏目。