【Angular2】 如何创建一个Angular2项目

【前言】

       这篇文章主要给大家介绍如何搭建Angular2的运行环境。 因为我学这个是看着晓风的文档来的，下面的内容主要也都是晓风文档里有的。所以就给文章归类到转载里了，算是一个分享吧。 下一篇会继续分享如何创建一个项目。

【正文】

        

1.下载安装nodejs

       打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。

node.js插件在windows系统下是个.msi工具，只要一直下一步即可，软件会自动在写入环境变量中，这样就能在cmd命令窗口中直接使用node或npm命令。



 

PS:Angular2基于node.js，所以要先安装nodejs环境

2.安装cnpm

  在cmd命令窗口中直接输入：

 

[plain] view
plain copy

<span style="font-size:18px;">  npm install cnpm -g --registry=https://registry.npm.taobao.org</span>  

 按下enter键直接执行，如下图所示：

   安装完毕之后，需输入：

 

[plain] view
plain copy

<span style="font-size:18px;">cnpm –v</span>  



查看版本号或者关闭命令提示符重新打开，否则安装完毕后直接使用会出现错误。

       PS:由于npm安装插件是从国外服务器下载，受网络影响很大，可能出现异常，继而淘宝团队生产一个完整的npmjs.org镜像，用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时，将npm改为cnpm

3.安装typescript和typings

   用npm安装typescript和typings,在命令提示符中直接输入：

 

[plain] view
plain copy

<span style="font-size:18px;">cnpm install –g typescript typings</span>  



     PS:angular-cli是用typescript写的，所以需要安装typescript和typings

运行完毕之后，查看版本确定是否安装成功，在命令提示符中直接输入：

 

 

[plain] view
plain copy

<span style="font-size:18px;">tsc –v</span>  



   出现版本号，即为安装成功

4.安装angular-cli

     用cnpm安装angular-cli,直接在命令提示符中输入：

[plain] view
plain copy

<span style="font-size:18px;">cnpm install –gangular-cli@latest</span>  

 

【总结】

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