下载nodejs

• 下载地址

• 在命令行输入：npm -v 如果出现如下画面即安装成功

  安装Angular的cli命令行工具

• 命令：sudo npm install -g @angular/cli

• 输入ng -v，如出现以下画面即表示安装成功

  创建项目

• 命令：ng new XXX,XXX表示项目名称，如：ng new iAngular
  此时在相应目录下就会有新项目生成
  

  Angular组件

  默认项目构成

  

组件构成

启动顺序

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

5. 样式文件(*.css)

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

6. 首页index.html
   

启动项目

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

最新文章

1. Linux运维(3年以内)
2. android中如何获取xml界面里的非自定义属性
3. VBA_Excel_教程：表，格
4. dedecms 网站优化技巧
5. Edius 安装 looks插件整理
6. sshj ,ssh , springmvc pom.xml
7. HDU 1532 Drainage Ditches 排水渠（最大流，入门）
8. MySQL表结构为InnoDB类型从ibd文件恢复数据
9. 【转】如何在github上fork一个项目来贡献代码以及同步原作者的修改 -- 不错
10. Qt读取JSON和XML数据
11. chart
12. IT忍者神龟之Oracle DBA经常使用查询吐血列举
13. Firebug Console 与命令行全集
14. [CSS3] 学习笔记-CSS定位
15. String的trim（）用于去掉字符串前后的空格
16. bzoj3289 Mato的文件管理 莫队+树状数组
17. thinkphp5 model 模型
18. 让maven项目使用nexus作为远程仓库
19. git push origin master和git push有什么区别？
20. SQL判断某列中是否包含中文字符或者英文字符

热门文章

1. git配置SSH Key，上传本地代码至github
2. oracle case when 用法
3. mxnet安装及NDArray初体验
4. 外卖ERP管理系统(二)
5. [Java] Hashtable 源码简要分析
6. python 网络工具 scapy 介绍
7. JAVA分库分表的实现方案
8. tmux入门
9. JAVA MyBatis使用技巧收集
10. MySQL权限和用户安全