【Angular2】如何搭建Angular2的环境

前端之家收集整理的这篇文章主要介绍了【Angular2】如何搭建Angular2的环境前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

【前言】

这篇文章主要给大家介绍如何搭建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,cnpmnodejsnpm用法一致,只是在执行命令时,将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


【总结】

单纯的分享一下这个技术的环境搭建, 帮助下没有摸到门道的同志们。

猜你在找的Angularjs相关文章