Angular2入门学习

最近项目使用angular2,1和2版本变化大变样。下面总结一些学习网址及安装步骤。

中文官网(必看)：

https://angular.cn

懒人学习：

http://www.imooc.com/learn/789

支持bootstrap UI组件

https://github.com/angular-ui/bootstrap

大漠老师杰作（有视频源代码）：

http://git.oschina.net/mumu-osc/NiceFish

安装环境，首先需要安装cli，记得全局安装

#angular cli安装
npm install -g angular-cli

cli安装后，我们可以用ng开头的指令（就当做npm理解就行），下面创建项目

#cmd到项目目录下，创建项目

ng new project_name

#进入项目目录

cd project_name
#安装相关项目包，具体包package.json里的dependencies和devDependencies有体现
#下面步骤用npm install也可以
ng init

包安装好后，可以启动我们的项目,执行后，我们可以在http://localhost:4200中打开

#启动项目
#下面步骤用npm start也可以
ng serve

想同事打开多个项目，可修改项目端口号

#修改默认端口4200 -> 修改为（3000） 
ng serve --port 3000 
或 ng serve -p 3000

还有一个方法修改项目端口但不推荐

项目目录\node_modules\angular-cli\lib\config\schema.json
#serve中 "default": 4200 改为 "default": 3000

最后的打包发布

ng build

巴特西