angular-cli

来源:互联网 发布:系统之家数据恢复 编辑:程序博客网 时间:2024/05/24 02:24

安装nodejs

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

npm -vnode -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-clinpm install -g @angular-cli //最新的使用这个

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

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

npm i -g cnpmcnpm 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》