angular-cli

安装nodejs

https://nodejs.org/en/ 下载最新安装本机即可,这样能把本机的npm和node版本升级到最新
查看版本

npm -v
node -v

npm配置

如果发现安装时出现问题感觉是wall导致的,可以修改配置proxy
或者修改镜像地址

npm config set registry http://registry.npm.taobao.org

列出配置

npm config list

设置proxy

其中可以配置一个叫proxy的字段,指向自己本机的proxy即可

npm config set proxy="http://localhost:1080/"

删除配置

npm config delete proxy

安装angular-cli

npm install -g angular-cli
npm install -g @angular-cli //最新的使用这个

由于网络原因,可能会安装失败。安装好之后,可以使用ng命令

强烈推荐使用cnpm安装angular-cli

npm i -g cnpm
cnpm install -g angular-cli

查看版本
cnpm version 显示即代表安装成功
项目如何安装模块
cd 到某目录 ,然后输入npm install或cnpm install即可

查看版本

ng --version

帮助

ng help

创建项目

ng new my-project1

启动服务器

ng serve

js文件体积太大解决办法

ng serve --prod --aot

最新版本默认打开aot,因此无需输入aot选项,具体查看http://git.oschina.net/mumu-osc/NiceFish

generate命令

用于创建组件,类等等

ng generate c User

简写版本

ng g c User

分类

cl:class
c:component
d:directive
e:enum
m:module
p:pipe
s:service

编译项目

ng build --prod

最新版本无需–aot

自动化测试

ng test

具体如何使用自动化测试,如karma等,查看http://www.imooc.com/learn/156 第5章 前端自动化测试

学习资源

  • 汤桂川老师的《揭秘Angular2》
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值