angular-cli

安装全局环境

npm install -g @angular/cli

初始化项目

ng new <name> 或者 ng new <name> --skip-install 不自动安装依赖
cd <name>
ng serve

文件
src/app 文件 下放 组件、服务、模块
src/assets 文件 放静态资源
src/index.html 入口文件
src/styles.scss 全局样式

创建组件

ng g component components/news  

会在app下生成一个components文件下生成一个news组件
会自动再根组件的配置文件中应用生成的news组件

组件主要是 news.component.ts 其中用引用该组件中要显示的内容

@Component({
  selector: 'app-news', // 在被添加的组件可以通过 <app-news></app-news>来引用
  templateUrl: './news.component.html',
  styleUrls: ['./news.component.scss']
})

赋值

export class HomeComponent implements OnInit {
  title = 'ww'; // 默认为public
  public title1 = 'ww';  
  title2:string = '张三'; // 指定类型
  title3:any = 112 // 任何类型
  public title4:any = 112 // 任何类型
  /*
  	声明属性的几种类型（使用的typescript ）
		public  共有（默认）    可以在这个类里面使用，也可以在类外面使用
		protected  保护类型    他只有在当前类和它的子类里面可以访问
		private  私有     只有在当前类才可以访问这个属性
  
  */
  constructor() { }
  ngOnInit() {
  }

}