最近项目使用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_modulesangular-clilibconfigschema.json
#serve中 "default": 4200 改为 "default": 3000

最后的打包发布

ng build

 

内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!