1,下载 Node.js 和 npm 包管理器。
官网链接:Node.js
点击下图红框下载并安装
cmd执行命令:node -v
出现下图node版本号说明安装成功,
在安装 Node.js 时就已经默认安装了npm包
cmd执行命令:npm -v
出现如上图说明安装成功,以上应该不会出现问题,我们继续往下进行
2,安装 Angular CLI
接下来用npm指令安装Angular CLI(两种方式,执行一种就可以)
-
第一种是默认从http://registry.npmjs.org下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常)
cmd执行指令:npm install -g @angular/cli
-
第二种是从阿里在国内搭建的镜像服务器:http://npm.taobao.org 下载对应的插件包
首先我们更换下载镜像
执行以下指令:npm config set registry https://registry.npm.taobao.org --global
还有:npm config set disturl https://npm.taobao.org/dist --globa
执行时是不会报任何提示的,如何知道自己已经更换成功呢。
执行以下指令查看下载镜像:npm config get registry
更换成功如图
然后开始下载cnpm指令包:npm install -g cnpm --registry=https://registry.npm.taobao.org
执行(重新打开cmd执行):cnpm -v
安装 Angular CLI:cnpm install -g @angular/cli
最后执行指令:ng version
出现版本号则安装成功,环境搭建完毕。
3,创建项目
进入自己工作空间(随便创建)shift+鼠标右键,选择在此处打开指令窗口,然后执行:ng new aaaa
(aaaa是自己起的项目名)
4,启动项目
进入项目文件夹:cd aaaa
执行:ng serve
项目成功启动,大功告成!
5,其他指令
-
卸载angular/cli:
npm uninstall -g angular-cli
清缓存:npm cache clean -force
-
换回国外镜像:
npm config set registry https://registry.npmjs.org/