<commit_before><html><head></head><body><div class="docs-markdown"><p class="docs-markdown-p">For help getting started with a new Angular app, check out the
<a href="https://cli.angular.io/" class="docs-markdown-a">Angular CLI</a>.</p>
<p class="docs-markdown-p">For existing apps, follow these steps to begin using Angular Material.</p>

        <h3 id="step-1-install-angular-material-and-angular-cdk" class="docs-header-link docs-markdown-h3">
          <div header-link="step-1-install-angular-material-and-angular-cdk"></div>
          Step 1: Install Angular Material and Angular CDK
        </h3>
      <pre class="docs-markdown-pre"><code class="lang-bash docs-markdown-code">npm install --save @angular/material @angular/cdk
</code></pre>
<p class="docs-markdown-p">A snapshot build with the latest changes from master is also available. Note that this snapshot
build should not be considered stable and may break between releases.</p>
<pre class="docs-markdown-pre"><code class="lang-bash docs-markdown-code">npm install --save angular/material2-builds angular/cdk-builds
</code></pre>

        <h3 id="step-2-animations" class="docs-header-link docs-markdown-h3">
          <div header-link="step-2-animations"></div>
          Step 2: Animations
        </h3>
      <p class="docs-markdown-p">Some Material components depend on the Angular animations module in order to be able to do
more advanced transitions. If you want these animations to work in your app, you have to
install the <code class="docs-markdown-code">@angular/animations</code> module and include the <code class="docs-markdown-code">BrowserAnimationsModule</code> in your app.</p>
<pre class="docs-markdown-pre"><code class="lang-bash docs-markdown-code">npm install --save @angular/animations
</code></pre>
<pre class="docs-markdown-pre"><code class="lang-ts docs-markdown-code"><span class="hljs-keyword">import</span> {BrowserAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">'@angular/platform-browser/animations'</span>;

<span class="hljs-meta">@NgModule</span>({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
<span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> PizzaPartyAppModule { }
</code></pre>
<p class="docs-markdown-p">If you don't want to add another dependency to your project, you can use the <code class="docs-markdown-code">NoopAnimationsModule</code>.</p>
<pre class="docs-markdown-pre"><code class="lang-ts docs-markdown-code"><span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">'@angular/platform-browser/animations'</span>;

<span class="hljs-meta">@NgModule</span>({
  ...
  imports: [NoopAnimationsModule],
  ...
})
<span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> PizzaPartyAppModule { }<commit_msg>4d97271 highlight alternate angular material/cdk install (#7552)<commit_after><html><head></head><body><div class="docs-markdown"><p class="docs-markdown-p">For help getting started with a new Angular app, check out the
<a href="https://cli.angular.io/" class="docs-markdown-a">Angular CLI</a>.</p>
<p class="docs-markdown-p">For existing apps, follow these steps to begin using Angular Material.</p>

        <h3 id="step-1-install-angular-material-and-angular-cdk" class="docs-header-link docs-markdown-h3">
          <div header-link="step-1-install-angular-material-and-angular-cdk"></div>
          Step 1: Install Angular Material and Angular CDK
        </h3>
      <pre class="docs-markdown-pre"><code class="lang-bash docs-markdown-code">npm install --save @angular/material @angular/cdk
</code></pre>

        <h4 id="alternative-snapshot-build" class="docs-header-link docs-markdown-h4">
          <div header-link="alternative-snapshot-build"></div>
          Alternative: Snapshot Build
        </h4>
      <p class="docs-markdown-p">A snapshot build with the latest changes from master is also available. Note that this snapshot
build should not be considered stable and may break between releases.</p>
<pre class="docs-markdown-pre"><code class="lang-bash docs-markdown-code">npm install --save angular/material2-builds angular/cdk-builds
</code></pre>

        <h3 id="step-2-animations" class="docs-header-link docs-markdown-h3">
          <div header-link="step-2-animations"></div>
          Step 2: Animations
        </h3>
      <p class="docs-markdown-p">Some Material components depend on the Angular animations module in order to be able to do
more advanced transitions. If you want these animations to work in your app, you have to
install the <code class="docs-markdown-code">@angular/animations</code> module and include the <code class="docs-markdown-code">BrowserAnimationsModule</code> in your app.</p>
<pre class="docs-markdown-pre"><code class="lang-bash docs-markdown-code">npm install --save @angular/animations
</code></pre>
<pre class="docs-markdown-pre"><code class="lang-ts docs-markdown-code"><span class="hljs-keyword">import</span> {BrowserAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">'@angular/platform-browser/animations'</span>;

<span class="hljs-meta">@NgModule</span>({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
<span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> PizzaPartyAppModule { }
</code></pre>
<p class="docs-markdown-p">If you don't want to add another dependency to your project, you can use the <code class="docs-markdown-code">NoopAnimationsModule</code>.</p>
<pre class="docs-markdown-pre"><code class="lang-ts docs-markdown-code"><span class="hljs-keyword">import</span> {NoopAnimationsModule} <span class="hljs-keyword">from</span> <span class="hljs-string">'@angular/platform-browser/animations'</span>;

<span class="hljs-meta">@NgModule</span>({
  ...
  imports: [NoopAnimationsModule],
  ...
})
<span class="hljs-keyword">export</span> <span class="hljs-keyword">class</span> PizzaPartyAppModule { }
{'fraction_non_alphanumeric': 0.16279455692001327, 'fraction_numerical': 0.006471954862263525, 'mean_word_length': 4.80635838150289, 'pattern_counts': {'":': 0, '<': 153, '<?xml version=': 0, '>': 153, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3279607', 'n_tokens_mistral': 1907, 'n_tokens_neox': 1774, 'n_words': 440}