创建一个angular7加GNZORRO的工程

1.安装Node.js(最新版10.14.1)
官网&＃xff1a;http://www.runoob.com/nodejs/nodejs-tutorial.html
百度网盘&＃xff1a;https://pan.baidu.com/s/18HVOyRoLM7ODaFuW1Ow7Kw
提取码&＃xff1a;3swk
2.安装npm
&＃xff08;1&＃xff09;用cmd命令查看npm版本
cmd命令&＃xff1a;npm -v

(2)低于6.0建议安装最新版本
cmd命令&＃xff1a;npm install npm -g
淘宝镜像&＃xff1a;npm install -g cnpm --registry&＃61;https://registry.npm.taobao.org
安装淘宝镜像之后&＃xff0c;用cnpm是在淘宝镜像上下载。用npm是在官网上下载&＃xff0c;下载速度慢但版本新且全。
(3)使用 npm 命令安装常用的 Node.js web框架模块 express
cmd命令: npm install express -g
3.安装angular &＃xff08;官网&＃xff1a;https://angular.cn/guide/quickstart&＃xff09;
cmd命令&＃xff1a;npm install -g &＃64;angular/cli
在安装angular时速度会慢一些&＃xff0c;如果卡了5分钟都不动&＃xff0c;可以按回车&＃xff08;可能时页面卡了&＃xff0c;但在下载&＃xff09;&＃xff0c;如果按回车也不动&＃xff0c;可以按Ctrl&＃43;C结束命令在重新下载。当重新安装angular时需要删除之前按过的内容。
卸载angular的cmd命令&＃xff1a;npm uninstall -g &＃64;angular/cli
清除缓存的cmd命令&＃xff1a;npm cache clean
4.创建angular7加GN-ZORRO工程
&＃xff08;1&＃xff09;进入想要建立angular工程的目录

&＃xff08;2&＃xff09;创建angular工程的cmd命令&＃xff1a;ng new 名字

(3) 添加GN-ZORRO控件&＃xff1a;进入到angular工程文件夹下&＃xff0c;然后输入cmd命令&＃xff1a;ng add ng-zorro-antd

(4&＃xff09;创建组件或服务&＃xff1a;ng g component 组件名 ng g service 服务名&＃xff08;ng g service 文件名/服务名)


5. 用webStorm打开angular工程&＃xff08;webStorm只是代码编辑工具&＃xff0c;用其他工具也可以&＃xff09;
&＃xff08;1&＃xff09;直接open打开就可以。

&＃xff08;2&＃xff09; 运行软件&＃xff0c; package.json右键——点击Show npm Scripts——start右键——点击 run start


运行之后的效果&＃xff08;自己输入网址&＃xff0c;默认为http://localhost:4200/&＃xff09;