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;
京公网安备 11010802041100号