Angular4学习笔记（一）-环境搭建

下载nodejs

安装Angular的cli命令行工具

创建项目

Angular组件

默认项目构成

组件构成

启动顺序

1. main.ts
   通过platformBrowserDynamic().bootstrapModule(AppModule)来加载模块AppModule
2. AppModule
   
   通过declarations: [AppComponent]声明并通过bootstrap: [AppComponent]加载AppComponent组件
3. AppComponent
   
   通过装饰器@Component指定了选择器名称、模板URL和组件样式文件
4. 模板文件(*.html)
   
   通过{Angular4学习笔记（一）-环境搭建}表达式读取控制器中的元素title

5. 样式文件(*.css)

   
   此处本来是空的，样式是自己加的

6. 首页index.html
   

启动项目

1. 在项目根目录下执行npm start命令，出现以下画面即表示启动成功：
   
2. 访问