不同版本的Node - Learning Angular 2

Question

有些人可能会发现这个问题重复，但让我说我是Angular 2，NPM和Node的初学者，发现即使设置环境也很困难。一旦我开始使用Angular 2做某事，我真的不知道会有多难。

我已经开始关注this示例，但结果却出现了数百个错误，这些错误被解释为Stack Over Flow中不同人群的不同包版本等的不匹配，因此放弃了练习并返回到设置NPM和节点等，并开始关注link2。

通过关注link2，我已经安装了NPM，但有一些警告和错误。屏幕截图如下

进一步进入NodeJS安装的第二步，我从here下载了推荐版本（6.11.4）并安装在其默认位置（C：\ Program Files \ nodejs）。屏幕截图如下

在上面安装之后，我想知道为什么我有不同版本的Nodejs，因为它可以从屏幕截图1和2中看到。虽然，两条路径指向不同的位置，但我跟在link2中。我在这里遗漏了什么，或者这应该是怎么回事？哦！忘了提一下，我已经将外部Web工具设置到Visual Studio（2015）中的C：\ Program Files \ nodejs位置。

VS 2015外部Web工具设置屏幕截图如下

我完全迷失在这里并且不想浪费时间开始跟随任何角度2练习示例然后再发现因为旧版本的包等而再次出现错误。另外，不要真正理解为什么为Angular 2设置环境真是太痛苦了？

Answer 1

我遇到过类似的问题。问题是Visual Studio已经安装了它自带的节点版本，并将环境变量设置为指向它的旧版本。

尝试检查环境变量“Path”以获取对Node的任何引用。

如果您尝试使用Visual Studio作为IDE执行所有操作，请尝试转到tools > options和Projects and solutions -> External Web Tools并将路由添加到较新的手动安装节点：

如果您没有使用Visual Studio（例如，您使用的是不同的Visual Stuido代码），请尝试不使用Visual Studio目录来包含您的项目。

编辑：看到你已经这样做了 - 你能看一个截图吗？你重启VS了吗？它们的顺序是什么（重要的是）。尝试将$(PATH)移到顶部。 nodejs应该添加到PATH变量中。

  

另外，真的不明白为什么为Angular 2设置环境会如此痛苦？

尝试让所有这些工具协同工作是现实。 Angular和其他任何东西一样糟糕。如果你想进行任何类型的复杂javascript开发，你需要安装Node并完成所有这些。

一旦你越过山坡并开始能够做事情就会变得更好！坚持下去。

Answer 2

要正确设置VS2015环境，请按照Angular的快速入门指南进行操作：

https://angular.io/guide/visual-studio-2015