如何像使用Bootstrap一样使用GitLab Pajamas？找不到配置指南怎么办？

Pajamas是GitLab官方推出的设计系统，包含了完整的组件库、样式规范和交互规则，和Bootstrap这类通用前端框架不同，它最初是为GitLab内部产品迭代服务的，没有对外提供极简的开箱即用引入方案，但可以通过以下步骤完成安装配置，像Bootstrap一样调用它的样式和组件：

• 安装基础依赖
  如果你只需要用到Pajamas的样式规范（类似Bootstrap的全局样式、工具类），可以直接安装SCSS工具包，执行命令：
  npm install @gitlab/scss-toolkit
  如果你需要用到封装好的组件（比如按钮、表单、弹窗等），且项目使用Vue技术栈，可以额外安装组件包：
  npm install @gitlab/ui
• 引入全局样式
  在项目的全局SCSS入口文件中导入样式入口，即可全局生效Pajamas的基础样式、工具类和变量：
  @import '@gitlab/scss-toolkit/index';
  如果你使用原生CSS，也可以直接引入包内编译好的成品CSS文件使用。
• 调用样式和组件
  全局样式引入完成后，你就可以像使用Bootstrap的class类名一样，直接在HTML标签上添加Pajamas对应的工具类名完成样式开发；如果安装了Vue组件包，直接按照组件规范调用对应组件即可，比如确认按钮的写法为<gl-button variant="confirm">提交</gl-button>。

注意事项：Pajamas默认携带GitLab官方的品牌配色、字体规范，如果你需要自定义主题，可以通过覆盖对应的SCSS变量完成调整，所有可用变量的定义都可以在官方设计规范文档中查到。

内容的提问来源于stack exchange，提问作者Heinrich