目录
- 安装Node.js
- 安装cnpm
- 安装 typescript
- 安装Angular CLI
环境搭建
第一步: 下载安装node.js
我们可以通过 Node.js官网 来下载对应的版本 下载之后一直点击 “下一步” 最后即可安装完成
我们这个时候使用 cmd命令窗口中使用 node命令来检查一下 我们的node是否安装成功
node -v
出现版本号即为安装 node.js成功!
第二步:安装cnpm
什么是cnpm? 在安装cnpm之前 先要知道 npm
npm 是 Node.js的包管理工具 我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。
更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。
但是由于npm安装插件都是从国外服务器中下载,angular 的一些资源都被墙掉了,而且网速特别慢,所以我国的淘宝团队就生产了一个完成的 npmjs.org镜像 用cnpm代替 npm 在执行命令的时候 将npm 改为 cnpm
安装cnpm
在cmd命令窗口中输入:
npm install cnpm -g --registry=http://registry.npm.taobao.org
结果:
输入 cnpm -v 来检测是否安装正常
第三步: 安装Typescript
在cmd命令中输入:
cnpm install -g typescript typings
安装完成之后输入 :
tsc -v 检查
出现版本号即为安装成功!
第四步: 安装 @angular/cli
如果在之前你有安装过其他版本的 angular 那么需要先把旧的卸载
卸载命令:
npm uninstall @angular/cli
清空缓存:
npm cache clean
安装指定版本的angular,因为我自身所在项目需要的版本是 6.2.4 所以我以这个版本的为例
输入命令:
cnpm install angular/cli@6.2.4 -g
注意: 如果你之前安装的是低版本,那么使用命令升级即可:
cnpm install --global @angular/cli@6.2.4
需要静静的等待几分钟
到这里 我们angular的环境已经搭建完成了