我已经尝试了我能找到的每一个教程，试图用Angular 2在NetBeans上工作来制作一个HTML/JS项目，但没有一个成功。也许是我的npm有问题(例如，搜索不工作)。
用npm install创建的node_modules文件夹在NetBeans上是灰色的，并且在某些文件中有一些错误(我不知道这是否正常)。任何.js我试图从node_modules文件夹导入给出错误Failed to load resource: net::ERR_EMPTY_RESPONSE/Uncaught ReferenceError: System is not defined。
有谁知道我做错了什么吗?或者有人知道有什么教程的代码可以下载，这样我就可以比较我所做的，看看什么是正确的?我找到的每个教程都没有任何代码可以下载，只是页面上的一些代码片段用于解释。对不起，如果这不是一个好问题，但我一直试图使这个工作从昨天没有成功，我完全不知道。
首先，我建议升级到最新版本的NodeJS和NPM，以尽量减少node_modules文件夹中的错误
从https://github.com/Everlaw/nbts/releases安装Everlaw的Typescript插件。如果你正在使用Netbeans 8.1，我认为你可以直接从插件安装程序中安装它。我使用的是NetBeans 8.2，手动安装插件没有问题。
然后在NetBeans上转到Tools -> Options -> HTML/JS -> Node. JS 并写下正确的Node和NPM路径和源，我建议勾选该面板中的三个复选框。
要快速入门，请尝试angular的快速入门演示。IO页，不需要在package.json中做任何更改。第一次尝试调试Angular 2应用程序时，我将index.html文件直接放在项目文件夹中，以便不更改index.html脚本源，也不更改项目文件结构，但您需要更改项目的一些属性:
- 在项目窗口右键单击项目，选择properties。
- 在源代码中，使用Browse按钮更改站点根文件夹，并选择项目文件夹(您可以忽略出现的警告)。
- 在运行中选择运行为:Web应用程序。
- 我建议选择浏览器:Chrome with NetBeans连接器
- 使用Browse按钮进入项目文件夹，选择index.html作为您的开始文件。
- 选择Web Server: Embedded Lightweight。 最后在Web根目录写入/Your_Project_Folder
运行npm install from NetBeans
点击运行按钮，你的web应用程序必须在chrome中打开，如果你编辑html或typescript文件并保存它们，你可以在浏览器中实时看到这些变化，而无需重新调试你的应用程序，并且可以使用浏览器DOM窗口来浏览从Angular 2创建的元素。
你仍然会在你的文件中看到一些错误，因为NetBeans不完全兼容HTML的angular语法。但它运行得很完美。
您也可以直接从Netbeans中运行启动脚本来使用lite-Server运行项目。
截图NetBeans - Angular 2
我建议你安装angular cli: npm install -g angular-cli@webpack
有关此工具的更多信息，请查看此处:https://cli.angular.io/
然后用ng new <app-name>创建一个新的Angular2应用程序
这将在当前文件夹中创建一个完整的、可工作的Angular2应用。
cd <app-name>并使用ng serve启动应用程序
检查您的新创建的应用程序在您的浏览器在localhost:4200。
如果这有效，您可以尝试开始使用您的NetBeans!:)