如何运行angular 2应用程序?

时间:2018-10-11 14:00:39

标签: angular2-routing angular2-forms angular2-services

我已经从此链接下载了angular 2应用程序:

https://github.com/aravindfz/firstAngular2App

如何运行此应用程序? 安装了哪个angular cli版本即可运行angular 2应用程序? 我尝试了一些问题stackoverflow,但无法正常工作。guys这个问题不是重复的。 任何人都可以提供清晰的细节吗? 我需要逐步进行操作。

1 个答案:

答案 0 :(得分:0)

如果您克隆了仓库并且什么也没做,那么您需要运行 之前,需要做一些事情。由于我不知道您做了多少Web开发,因此我将介绍一些人认为不必要的事情。

  1. 如果尚未安装,请安装node.js。从https://nodejs.org/en/获取LTS版本。请勿使用“当前”版本,因为该版本可能尚未与Angular兼容。如果您拥有旧版本的Node,请升级。如果您已经拥有LTS版本,请跳过此步骤。
  2. 现在打开新的命令提示符或终端,然后切换到克隆存储库的目录。为确保您在正确的位置,请确保您可以看到名为package.json的文件。
  3. 在此命令提示符/终端窗口中,执行以下命令:npm install。这将下载并安装所有依赖项(这可能会令人不安地增加几百兆字节)。如果您在公司代理服务器后面,则可能会遇到超时错误。到2018年为止,您还不能修复该问题。只需使用其他连接进行连接,然后重试。
  4. 安装完所有内容后,您应该可以运行Angular应用程序。我提到的所有内容都仅在第一次运行之前需要完成。为确保您位于正确的文件夹中,请导航至index.html所在的位置,然后运行以下命令:ng serve。如果找不到ng,则可能需要安装它。为此,执行npm install --save-dev @angular/cli。现在应该可以了。如果不是,请关闭命令提示符/终端窗口,打开一个新窗口,然后再次尝试ng serve
  5. ng serve完成编译后,您应该可以通过在喜欢的浏览器中打开http://localhost:4200来查看应用程序。

就是这样!

这是一个额外的提示:花时间完成official Angular Quick Start。这确实是一个很棒的指南,它将使您比单纯地学习它更快地掌握技能。

祝你好运。