#本猿爱好乱,在使用过vue跟react以后,对angular有点小心动,特此尝试尝试

#本帖为自己记录使用的时候的一些遇到的问题和总结,也是刚刚接触angular,很菜,还望大神莫怪

1 我们需要一个我们的开发环境(node,npm)
npm的源很慢,建议设置淘宝源,或者使用cnpm或者yarn

安装cnpm

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

npm设置淘宝源

1
npm config set registry https://registry.npm.taobao.org

2 我们需要安装angular-cli

1
npm install -g @angular/cli

3 开始初始化一个项目

1
2
ng new my-ng-app --style less
# --style less 表示项目使用less预编译语言

4 初始化NG-ZORRO(antd)的配置 (这里是一键配置antd)

1
2
3
4
# cd my-ng-app
ng add ng-zorro-antd
# ng命令好像默认调用的是npm 如果你在初始化项目的时候中断了依赖下载,使用yarn继续 则不能初始化NG-ZORRO
# 有毒的操作

5 到此环境已经配置好了

1
2
ng serve --port 0 --open
# 建议讲这行命令配置到package.json中 这个可以使用yarn start了

! 编译

1
ng build --prod

NG-ZORRO官网教程

很感谢你能看到这里(:

刚刚开始学习angular,要是有什么不对的地方请指正,本项目使用的angular6.1.0,若是版本不同可能会不能实现,还请自行查看对应的文档