npm i@angular/material和ng add@angular/material之间有什么区别

我尝试了

npmi@angular/material

，它将

@angular/material

包安装到我的angular CLI项目中

然后我尝试了

ng add@angular/material

，我得到了在不同主题之间进行选择的提示，我希望

style.scss

会有一些变化，但没有引入任何变化

---

两个命令的输出有什么区别？

npm i@angular/material

仅安装

@angular/material

软件包

另一方面，

ng添加@angular/material

-

安装

@angular/material

包

安装

@angular/cdk

和

@angular/animations

软件包

设置应用程序的主题

设置全局角度材质排版样式（可选）

为角度材质设置浏览器动画（可选）

在

styles.scss

文件中，将添加以下行-

html，
身体{
身高：100%；
}
身体{
保证金：0；
字体系列：Roboto，“Helvetica Neue”，无衬线；
}

在

angular.json

文件中，您将找到对所选主题的引用-

“样式”：[
“/node_modules/@angular/material/prebuild themes/indigo pink.css”，
“src/styles.scss”
],

如果允许设置材料排版，则将在

index.html

文件中添加

class=“mat-typography”

和指向

Roboto

字体和

材料图标的链接-


...

如果允许设置浏览器动画，则可以在
app.module.ts的
imports:
数组中轻松导入并添加
BrowserAnimationsModule
-

从'@angular/platform browser/animations'导入{BrowserAnimationsModule}；
//及
进口：[
浏览器模块，
BrowserAnimationsModule，
批准模块
],

这里有很好的文档记录-
感谢您的详细解释。我创建了ng工作区，然后在其中生成angular应用程序和库。然后我运行了npm I@angular/material，然后尝试添加@angular/material，由于某些原因，我的应用程序中的style.scss文件不受影响。正如您在纯角度应用程序（不创建工作空间）中所解释的，style.scss将更新。谢谢@这能回答你的问题吗？无论如何，我在多个库和应用程序的工作区中添加了带有
ng add
的材料。我总是发现
样式.scss
被修改了。所以，再试一次。阿提亚尔，我会再试一次并在这里更新。这个问题有什么问题吗？