搭建Angular2环境

来源:互联网 发布:java 模拟按键 编辑:程序博客网 时间:2024/05/18 03:07

安装nodejs

登录nodejs官网,下载对应系统版本插件,Node.js插件在windows系统下是个.msi工具
安装,只要一直下一步即可。
软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。

这里写图片描述

Angular2基于node.js,所以要先安装nodejs环境

这里写图片描述

输入npm -v
也有版本号?
说明,nodejs自带npm,所以,不需要额外的安装了,在nodejs中自带了npm,不需要独立安装npm。

安装cnpm

在DOS窗口中,直接输入回车执行
npm install cnpm -g –registry=https://registry.npm.taobao.org

这里写图片描述

安装完成,需要输入
cnpm –v

这里写图片描述

查看版本号之后,关闭命令提示符重新打开,否则,安装完毕后直接使用会出现错误。
说明
由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm。

安装typescript和typings

在DOS中,直接输入回车安装
cnpm install –g typescript typings

这里写图片描述

说明
angular-cli是用typescript写的,所以需要安装typescript和typings
运行完毕之后,查看版本确定是否安装成功,在命令提示符中直接输入:tsc -v

这里写图片描述

安装angular-cli

直接在DOS中,输入回车安装
cnpm install –g angular-cli@latest

这里写图片描述

环境搭建完成