win10下Angular2开发环境搭建

找了好多篇博客，发现有的博客中可能是打字错误，有的博客忘记进入某一个目录，但也仍然感谢这些博客大大们的记录让我这个小白安装成功了Angular2，因此也想把自己安装的过程记录下来，也算是一个备忘录了啊！话不多说，开始吧~

首先感谢这么多篇博主大大，感谢链接送上

安装参考：

https://blog.****.net/White_Idiot/article/details/77871471

https://blog.****.net/pointer_v/article/details/55096197

https://www.jianshu.com/p/327d88284abb

解决参考：

https://blog.****.net/dushu990/article/details/78971461

首先本人操作系统：win10

安装

1.安装node

链接：https://nodejs.org/en/download/

按照指示一步一步向下安装即可，我安装到了D:\Program Files\nodejs下面，安装node的同时就会安装npm。

查询安装是否成功，cmd输入命令：node -v;npm -v即可

结果：

配置prefix和cache

根据命令 npm config ls 查看npm配置可知prefix和cache在c盘下面，因此我们可以调整目录所在

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

配置环境变量

1.在系统变量中，设置NODE_PATH为

D:\Program Files\nodejs\node_global\node_modules

2.在用户变量，修改Path,添加D:\Program Files\nodejs\node_global\

注意：一定是添加，而不要修改path中原有的关于nodejs的路径，如果你是修改，那么你在安装typescript时会遇到错误，具体错误见typescript中

2.安装typescript和typing

命令：

npm install -g typescript typings

检查版本号：

tsc-v

本人检查版本号是报错“tsc不是内部或外部命令...”

解决：

1.找到tsc.cmd这个文件夹所在路径（我的在D:\Program Files\nodejs\node_global\下）

2.将这个添加到环境变量的Path中

重新打开一个cmd此时在输入tsc -v就会生效

3.安装Angular-cli

命令：

npm install -g @angular/cli

检验：

ng -v

接下来就可以创建项目啦！

可以在nodejs下创建workspace

进入nodejs目录下面

命令：
md workspace

进入workspace

cd workspace

新建一个项目：

ng new hello-world

进入hello-world目录下

cd hello-world

打开服务器

ng serve

在浏览器上输入

http://localost:4200/

出现以下页面就代表安装大功告成啦

撒花*★,°*:.☆(￣▽￣)/$:*.°★* 。

可以下一步了