angular2 官方demo heroApp

Posted 2020-10-05

 最近学习angular2，于是从官网的hero例子开始学习。经过几番周折终于完成了这个例子。收益匪浅。个人建议在开始学习例子前可以先了解一些概念，模块，组件，装饰器.....，有助于写代码时候的逻辑。说一下我在学习时遇到的问题：

1.首先附上中文的官方教程链接：https://www.angular.cn/tutorial

2.在创建项目时不要用"快速上手"这个上面的教程，因为这个教程创建的项目没有systemjs这个库后期会报错，也没有systemjs.config.js这个文件，后期自己在配置有点麻烦烦。我们采用“开发环境”：https://www.angular.cn/guide/setup，这个教程用git创建新的项目，同时按步骤删除不需要的文件。

3.由于初步认识angular2 所以在学习时基本是按步骤敲代码，自己的思维很少，多注意拼写错误。

4.附上我自己写的GitHub链接，满意请给一个star，[email protected]:lihui13603981029/heroApp.git    下载后执行npm  install  安装库，然后执行npm start 项目就可以运行了。npm   安装方法  网上很多，可以自己百度。常用的安装node的方法，因为安装node就同时安装了npm。