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下节继续。