安装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》