Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>BeeMa CreatorNew to Visual Studio Code? Get it now.
BeeMa Creator

BeeMa Creator

nealyang

|
309 installs
| (1) | Free
BeeDev for bee-ma framework(Support multiple template access)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

BeeDev:BeeMa project creator

用于初始化应用架构,支持 webApp、PC、Component 三种大类。

界面

命令

BeeMa 架构

BeeMa 架构介绍:https://yuque.antfin-inc.com/yifeng.yl/fc8rop

插件使用

  • 选择对应模板
  • 输入应用名(注意必须是英文)
  • 输入描述(package.json 中 description 字段注入)
  • 选择生成位置

demo

模板配置

如需新增需要模板,请联系 @一凨 or issue:http://gitlab.alibaba-inc.com/bee-dev/dev-works/issues

模板配置说明

/**
 * 架构类型 item
 */
export interface ICreatorContentCard {
  /**
   * 图片地址
   */
  picUrl: string;
  /**
   * 语言类型
   */
  languageIconText: string;
  /**
   * 标题
   */
  title: string;
  /**
   * 描述
   */
  desc: string;
  /**
   * 标题 icon
   */
  titleIconText?: string;
  /**
   * gitlab 仓库地址
   */
  gitRepo: string;
  /**
   * 应用命名前缀
   */
  prefix?: string;
  /**
   * 需要遍历替换文件名的文件路径数组
   */
  traverseFiles: string[];
}

/**
 * 模板配置
 */
export interface ICreatorTabBtn {
  /**
   * id
   */
  id: string;
  /**
   * 展示名称
   */
  name: string;
  /**
   * 图标
   */
  iconText: string;
  /**
   * 右侧展示的说明
   */
  title: string;
  /**
   * 子类
   */
  children?: ICreatorContentCard[];
}

说明

模板只做变量名替换,并不会去解析 tsx、js 等

  • prefix 用于对所创建应用的变量名约束。比如组件模板创建约束为 @ali/pm-next-xxx

  • traverseFiles 用于插件遍历的文件列表以替换用户的自定义命名

    • 通过{{application-name}} {{applicationName}} {{ApplicationName}} 三种约束语法来完成对应的命名替换工作。
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft