如何在NetBeans中使用Angular 2？

Question

我已经尝试过每个可以找到的教程来尝试使用Angular 2制作一个HTML / JS项目，但是没有一个能够工作。也许是我的npm被窃听（例如，搜索不起作用）。

使用npm install创建的.js文件夹在NetBeans上是灰色的，并且在某些文件中有一些错误（我不知道这是否正常）。我尝试从node_modules文件夹导入的任何Failed to load resource: net::ERR_EMPTY_RESPONSE都会出现错误Uncaught ReferenceError: System is not defined / page_size_query_param。

有谁知道我能做错什么？或者有没有人知道任何有下载代码的教程，所以我可以与我正在做的事情进行比较，看看哪些是正确的？我找到的每个教程都没有任何可下载的代码，只是页面中的一些代码用于解释。 Sory，如果这不是一个好问题，但我从昨天起就试图让这项工作没有成功，我完全没有想法。

Answer 1

首先我建议升级到最新版本的NodeJS和NPM，以最小化node_modules文件夹中的错误

从wincertstore安装Everlaw的Typescript插件。如果您使用的是Netbeans 8.1，我认为您可以直接从插件安装程序安装它。我正在使用NetBeans 8.2，手动安装插件没有问题。

然后在NetBeans上转到工具 - ＆gt;选项 - ＆gt; HTML / JS - ＆gt; Node.js 并编写正确的节点和NPM路径和源，我建议检查该面板中的三个复选框。

要快速启动，请尝试使用angular.io页面中的QuickStart演示，不必在package.json中进行任何更改。 我第一次尝试调试Angular 2应用程序时，我将 index.html 文件直接放在项目文件夹中，以便不在中进行任何更改index.html脚本源也不更改项目文件结构，但您需要更改项目的某些属性：

• 在项目窗口中右键单击项目，然后选择属性。
• 在来源中使用“浏览”按钮更改站点根文件夹并选择项目文件夹（您可以忽略显示的警告）。
• 在“运行”中，选择运行方式：Web应用程序。
• 我建议选择浏览器：使用NetBeans连接器安装Chrome
• 使用“浏览”按钮转到项目文件夹，然后选择 index.html 作为开始文件。
• 选择 Web服务器：嵌入式轻量级。
• 最后在 Web Root 写/ Your_Project_Folder

从NetBeans运行 npm install

单击运行按钮，您的Web应用程序必须以chrome打开，如果您编辑html或打样文件并保存它们，您可以实时查看浏览器中的更改，而无需重新调试应用程序并可以使用Browser DOM窗口，探索从Angular 2创建的元素。

您仍然会在文件中看到一些错误，因为NetBeans与HTML Angularized语法不完全兼容。但它运行完美。

您还可以直接从Netbeans运行启动脚本，以使用lite-Server运行项目。

https://github.com/Everlaw/nbts/releases

Answer 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！ ：）