【前言】
这篇文章主要给大家介绍如何搭建Angular2的运行环境。 因为我学这个是看着晓风的文档来的,下面的内容主要也都是晓风文档里有的。所以就给文章归类到转载里了,算是一个分享吧。 下一篇会继续分享如何创建一个项目。
【正文】
1.下载安装nodejs
打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。
node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。
PS:Angular2基于node.js,所以要先安装nodejs环境
2.安装cnpm
在cmd命令窗口中直接输入:
npm install cnpm -g --registry=https://registry.npm.taobao.org
按下enter键直接执行,如下图所示:
安装完毕之后,需输入:
cnpm –v
查看版本号或者关闭命令提示符重新打开,否则安装完毕后直接使用会出现错误。
PS:由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm
3.安装typescript和typings
用npm安装typescript和typings,在命令提示符中直接输入:
cnpm install –g typescript typings
PS:angular-cli是用typescript写的,所以需要安装typescript和typings
运行完毕之后,查看版本确定是否安装成功,在命令提示符中直接输入:
tsc –v
出现版本号,即为安装成功
4.安装angular-cli
用cnpm安装angular-cli,直接在命令提示符中输入:
cnpm install –gangular-cli@latest
【总结】
单纯的分享一下这个技术的环境搭建, 帮助下没有摸到门道的同志们。