菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
303
0

Angular2入门学习

原创
05/13 14:22
阅读数 65133

最近项目使用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

 

发表评论

0/200
303 点赞
0 评论
收藏