Angular2 小白笔记

Angular2 小白笔记

---

首先介绍下本人背景，一个刚毕业没多久的前端小白，入职后一直负责C项目的维护，没有写过JS代码，也不懂DOM层那些深奥的内容，读研期间曾经搞过一段时间C#，今年开始接触前端，看到TYPESCRIPT的时候感觉特别亲切，没有对TS和C#进行过详细的比较，感觉两门语言很像（据说都是大神ANDERS HEJLSBERG开发的），所以觉得C#和JAVA的程序员上手TS应该不难。

目前学习angular2主要靠angular.cn中文网和ng2-book。

环境搭建

环境搭建要感谢google和github上无私的开源奉献者们，因为他们提供了诸多基础工程供你使用，你可以不用再去繁琐的考虑如何搭建环境，单元测试，打包发布版本等等。

重点介绍windows下的安装：

• 首先安装nodejs和npm（此乃js前后端必备工具），据说低版本目前不兼容ng2，建议直接上最新版本。下载最新的nodejs， 安装完成后，在windows开始菜单运行中输入cmd，打开命令行，然后使用node –v 和npm –v是否可以查询安装的版本号，如果显示版本号，则证明安装成功。

• 入门推荐使用angular/quickstart作为基础工程
  下载解压后在quickstart-master会看到很多文件，我们先不去管这些文件是做什么用的。
  在命令行中进入到quickstart-master路径下，运行命令 npm install 它会自动安装，默默的等待安装完成，如果没有出现typings文件夹，需要通过命令手动安装它，命令npm run typings install

• 在quickstart-master文件路径下输入npm start，会自动打开浏览器（最好使用谷歌最新版浏览器），url地址是http://localhost:3000/，就会看到My First Angular App，你的第一个angular2应用就这么完成了，至于为什么出现My First Angular App下节继续。