使用核心组件设置VMware清晰度项目

Question

我正在尝试使用VMware清晰度和角度来设置我的新项目。我看到了建议使用@cds/*库而不是角库的新文档。这似乎很有趣，我喜欢它，因为在未来，它有可能取代角的任何其他框架。

现在，为了设置我的项目，我首先使用角版本12+创建了一个新的角项目，然后按照这里的说明来增加它的清晰度：

https://clarity.design/get-started/developing/#installation

1. npm安装@cds/core @cds/city --将以下行添加到my styles.scss文件中：

// Sass file syntax
@import 'modern-normalize/modern-normalize.css'; // css reset
@import '@cds/core/global.min'; // clarity global styles
@import '@cds/core/styles/module.shims.min'; // non-evergreen browser shims
@import '@cds/city/css/bundles/default.min'; // load base font

1. 现在我正在尝试创建我的站点的顶部导航栏与一些导航和用户名。但这似乎不起作用。我似乎缺少了其他组件(@clr/ui？)。

    <div class="main-container">
  <header class="header">
    <div class="branding">
      <a class="nav-link">
        <span class="title"> Site Name </span>
      </a>
      <div class="header-nav">
        <a class="active nav-link nav-text">Home</a>
      </div>
    </div>
  </header>
  <div class="content-container">
    <div class="content-area">
      <p>
        <cds-tag status="danger"> Some Text </cds-tag>
      </p>
    </div>
  </div>
</div>

有人能帮我理解一下为什么这不管用吗？我还需要添加@clr相关组件吗？如果是，那么整件事情就会变得非常混乱(为什么要同时添加@clr和@cds )。然而，谁能告诉我一个正确的一步一步的指南，一个新的项目与清晰的核心组件。这个链接似乎没有多大帮助：https://clarity.design/get-started/developing/

Answer 1

到目前为止，您所做的只是添加清晰的核心组件，因此您只能使用网站上的Core组件下面的文档。我们仍然在构建一些组件，特别是这里需要的标头，因此您还可以添加清晰的角度ng add @clr/angular，以便能够使用角组件(其中还包括@clr/ui样式)。否则，您似乎在正确的道路上使用核心组件，随时可以。