Angular5学习笔记（一）

今天刚刚开始接触Angular5，大概看了一下API，有了初步的认识之后，就要从项目代码开始看起了，这样对Angular5的整体架构有更直观的认识。于是从Git上找了一个demo，clone下来之后看一下项目的结构和运行原理。

Reference API URL： http://www.angularjs.net.cn/api/

Demo address： https://github.com/Ismaestro/angular5-example-app

把项目下载到本地之后，第一步要下载项目的依赖库，可以看到项目依赖库的配置是在package.json文件里的，所以在控制台执行： npm install，依赖库下载完成后要运行项目，看一下运行效果，执行指令： npm start。

这里的npm start 是在package.json里封装好的一条指令：

下面这个错误是npmstart过程中报的错误： Cannot find module ‘@angular-devkit/core’。

解决方法:

参考链接： https://github.com/angular/angular-cli/issues/9307

错误解决之后，打开浏览器键入 – localhost:4200 即可看到运行界面：

这里有一个小知识点，项目运行端口：4200是在protractor.conf.js里配置的，见下图。实际开发中可以根据需要进行修改。

Angular5 启动应用过程详解：

指令：

ng serve

· 在命令行中输入 ng serve 后

· ng 会根据 angular-cli.json中的main元素找到应用入口文件main.ts

· main.ts 再加载根模块AppModule

· AppModule 启动Angular模块(@ngModule)

· @ngModule 为 AppModule 添加元数据,并指定了顶层组件AppComponent

· AppComponent 中我们就可以做想做的事情了

启动图解说明：

参考链接： http://blog.csdn.net/Edison_03/article/details/78935045

Angular5学习笔记（一）相关推荐

Angular5学习笔记 - 虚拟RestfulApi配置与使用（六）
一.安装json-server功能 #windows cnpm install json-server -g #Mac & Linux sudo npm install json-server ...
Angular5学习笔记 - 创建服务
一.创建服务 ng generate service service-name #简写 ng g s component-name ng g s services/userService 二.效果三 ...
PyTorch 学习笔记（六）：PyTorch hook 和关于 PyTorch backward 过程的理解 call
您的位置首页 PyTorch 学习笔记系列 PyTorch 学习笔记(六):PyTorch hook 和关于 PyTorch backward 过程的理解发布: 2017年8月4日 7,195阅读 ...
容器云原生DevOps学习笔记——第三期：从零搭建CI/CD系统标准化交付流程
暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...
容器云原生DevOps学习笔记——第二期：如何快速高质量的应用容器化迁移
暑期实习期间,所在的技术中台-效能研发团队规划设计并结合公司开源协同实现符合DevOps理念的研发工具平台,实现研发过程自动化.标准化: 实习期间对DevOps的理解一直懵懵懂懂,最近观看了阿里专家带 ...
2020年Yann Lecun深度学习笔记（下）
2020年Yann Lecun深度学习笔记(下)
2020年Yann Lecun深度学习笔记（上）
2020年Yann Lecun深度学习笔记(上)
知识图谱学习笔记（1）
知识图谱学习笔记第一部分,包含RDF介绍,以及Jena RDF API使用知识图谱的基石:RDF RDF(Resource Description Framework),即资源描述框架,其本质是一个 ...
计算机基础知识第十讲,计算机文化基础（第十讲）学习笔记
计算机文化基础(第十讲)学习笔记采样和量化PictureElement Pixel(像素)(链接: 采样的实质就是要用多少点(这个点我们叫像素)来描述一张图像,比如,一幅420x570的图像,就表示 ...

Angular5学习笔记（一）

Angular5学习笔记（一）相关推荐

最新文章

热门文章