Skip to content

介绍

niu-cli是基于vue3+vite+vitepress构建的monorepo项目,用于一键构建各种项目模板,以及维护相应的组件库、物料库、指令库等

何为monorepo

monorepo是指在一个项目仓库中管理多个模块,这些模块可以是相互独立的,也可以是相互依赖的,优势在于可以统一管理依赖、版本、构建、发布等,提高开发效率

现在很多大型项目都在使用monorepo的方式进行开发,例如element-plusvuereact

所以我称该项目为一个孵化器,而不是一个组件库,以此为基底,不断迭代出更多的模块应用。

模块介绍

  • niu-ui 常用组件封装,主要是对element-plus的二次封装
  • material 常用物料组件
  • directives 指令封装
  • utils 工具库

申请访问令牌

首先需要在gitlab上申请一个访问令牌,用于访问私有仓库

点击头像 -> 编辑个人资料 -> 访问令牌 -> 创建个人访问令牌

保存好这个访问令牌token,用于下面的权限验证

验证权限

首先验证权限,配置npm指向私有gitlab仓库地址以及你的访问令牌

bash
npm config set @niu-cli:registry https://gitlab.wingnew.com/api/v4/projects/297/packages/npm/
npm config set -- //gitlab.wingnew.com/api/v4/projects/297/packages/npm/:_authToken=访问令牌
// windows
[Environment]::SetEnvironmentVariable("GITLAB_PRIVATE_TOKEN", "访问令牌", "User")
// mac
export GITLAB_PRIVATE_TOKEN="访问令牌"

这一步完成后,你就拥有了调用项目脚手架构建工具niu-cli的权限

下载模板

bash
npx @niu-cli/cli@latest create