Angular2创建工程简介
Angular2和Angular1有很大的差别。这也是我学习的第一个框架,一切将从零开始。Angular2是谷歌联手微软最新推出的,主要使用TypeScript语言开发。
中文教程
构建Angular2工程,需要配置很多文件,包括构建工具,TypeScript编译配置等等。Angular2给我们提供了一个很好用的工具angular-cli,利用它可以很快的搭建起Angular2的开发环境。
创建工程
目前(2017-01-13)最新的angular-cli构建系统改成了webpack,所以需要安装最新的angular-cli。在要建立项目的目录下运行以下命令
$ npm install -g angular-cli@latest //安装angular-cli
如果以前安装过angular-cli,请更新
$ npm uninstall -g angular-cli //卸载
$ npm cache clean //清空缓存
$ npm install -g angular-cli@latest
安装完成后,便可以运行ng命令
$ ng help //查看帮助命令
在要建立项目的目录下运行以下命令
$ ng new project-name //建立新项目 e.ng new mydemo
$ cd project-name //进入到项目目录
$ ng server // 运行angular服务器,此时打开浏览器,
// 访问http://localhost:4200 就可以看到页面的显示
还可以指定服务器运行的地址和端口号
$ ng server --ng server --host 0.0.0.0 --port 4201
这样就搭建好了一个Angular2的项目,在这个基础上就可以进行开发了。
有什么不懂的概念可以提问,我懂的话,会进行回复。我也是入门新手,希望能和大家一起交流_
2017-01-14更新:
当你开发完项目,想要打包的话,就可以在项目目录运行以下命令
$ ng build
项目目录就是package.json文件所在的目录
后言
这是我的第一篇博客,希望能记录自己学习Angular2的历程,也希望能给想入门学习Angular2的同学一些帮助。
自己在入门学习前端框架的时候,有很多概念不明白,后来看的资料多了,渐渐地知道了很多东西。我会把相关的知识点也总结出来,加深自己的理解,也给大家一些参考。
注意:我认为学习Angular2很好的方法之一就是去看官方教程,有中文版的,很方便。看完前面的开发指南部分就足以了解Angular2的大致原理了,当然官方教程有的地方概念可能很模糊,有地方不了解的同学,可以留言,我会尽量解答。