如何运行angular2申请?
How to run angular 2 application?
我已经从这个 angular 下载了 2 个应用程序 link:
https://github.com/aravindfz/firstAngular2App
如何运行这个应用程序?
哪个 angular cli 版本安装到 运行 angular 2 应用程序?
我尝试了一些问题 Whosebug 但没有工作 properly.guys 这个问题不是重复的..请理解。
任何人都可以提供明确的细节吗?
我需要一步一步的程序。
如果您克隆了存储库而未执行任何其他操作,则在您可以运行应用程序之前,您需要做一些事情。由于我不知道您已经完成了多少 Web 开发,因此我将包含一些人认为不必要的内容。
- 安装 node.js,如果您还没有的话。从 https://nodejs.org/en/ 获取 LTS 版本。不要使用 "Current" 版本,因为它可能与 Angular 不兼容。如果您有旧版本的 Node,请升级。如果您已经有 LTS 版本,请跳过此步骤。
- 现在打开一个新的命令提示符或终端并切换到您克隆存储库的目录。为确保您来对地方,请确保您可以看到名为
package.json
. 的文件
- 在这条命令prompt/terminalwindow中,执行这条命令:
npm install
。这将下载并安装所有依赖项(这可能会令人不安地加起来达到几百兆字节)。如果您在公司代理服务器后面,您可能会遇到超时错误。截至 2018 年,这不是您可以解决的问题。只需使用其他方式连接,然后重试。
- 安装完所有内容后,您应该可以运行 Angular 应用程序。我已经提到的所有内容都只需要在您 运行 第一次完成之前完成。为确保您位于正确的文件夹中,请导航至
index.html
所在的位置,然后 运行 此命令:ng serve
。如果找不到 ng
,您可能需要安装它。为此,执行 npm install --save-dev @angular/cli
。现在它应该工作了。如果没有,请关闭您的命令 prompt/terminal window,打开一个新命令并重试 ng serve
。
ng serve
完成编译后,您应该可以通过在您喜欢的浏览器中打开 http://localhost:4200 来查看您的应用程序。
就是这样!
这里有一个额外的提示:花时间完成 official Angular Quick Start。它确实是一个很棒的指南,它会让你更快地掌握技能,而不仅仅是破解它。
祝你好运。
我已经从这个 angular 下载了 2 个应用程序 link:
https://github.com/aravindfz/firstAngular2App
如何运行这个应用程序? 哪个 angular cli 版本安装到 运行 angular 2 应用程序? 我尝试了一些问题 Whosebug 但没有工作 properly.guys 这个问题不是重复的..请理解。 任何人都可以提供明确的细节吗? 我需要一步一步的程序。
如果您克隆了存储库而未执行任何其他操作,则在您可以运行应用程序之前,您需要做一些事情。由于我不知道您已经完成了多少 Web 开发,因此我将包含一些人认为不必要的内容。
- 安装 node.js,如果您还没有的话。从 https://nodejs.org/en/ 获取 LTS 版本。不要使用 "Current" 版本,因为它可能与 Angular 不兼容。如果您有旧版本的 Node,请升级。如果您已经有 LTS 版本,请跳过此步骤。
- 现在打开一个新的命令提示符或终端并切换到您克隆存储库的目录。为确保您来对地方,请确保您可以看到名为
package.json
. 的文件
- 在这条命令prompt/terminalwindow中,执行这条命令:
npm install
。这将下载并安装所有依赖项(这可能会令人不安地加起来达到几百兆字节)。如果您在公司代理服务器后面,您可能会遇到超时错误。截至 2018 年,这不是您可以解决的问题。只需使用其他方式连接,然后重试。 - 安装完所有内容后,您应该可以运行 Angular 应用程序。我已经提到的所有内容都只需要在您 运行 第一次完成之前完成。为确保您位于正确的文件夹中,请导航至
index.html
所在的位置,然后 运行 此命令:ng serve
。如果找不到ng
,您可能需要安装它。为此,执行npm install --save-dev @angular/cli
。现在它应该工作了。如果没有,请关闭您的命令 prompt/terminal window,打开一个新命令并重试ng serve
。 ng serve
完成编译后,您应该可以通过在您喜欢的浏览器中打开 http://localhost:4200 来查看您的应用程序。
就是这样!
这里有一个额外的提示:花时间完成 official Angular Quick Start。它确实是一个很棒的指南,它会让你更快地掌握技能,而不仅仅是破解它。
祝你好运。