官方文档

项目初始化

安装 Augular
npm install -g @angular/cli

项目初始化
ng new projectName
cd projectName
ng serve --open

浏览器中查看 http：//localhost：4200

主题应用

安装 Angular Material
npm install --save @angular/material @angular/cdk @angular/animations hammerjs

在创建的项目中安装Angular Material模块及其相关组件
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';

imports: [
    ...
   FormsModule,
   ReactiveFormsModule,
   BrowserAnimationsModule
],

在styles.css文件中添加以下条目以获得主题
@import "~@angular/material/prebuilt-themes/indigo-pink.css";

在index.htm文件中添加以下条目以获得 material 图标支持
<link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">

备忘单

++ 常用模板语法、类装饰器、指令、组件、路由、导航

关于angular引用第三方组件库无法改变其组件样式

:host ::ng-deep 样式