Angular 2 - 环境

要开始使用 Angular 2,您需要安装以下关键组件。

  • Npm − 这称为节点包管理器,用于与开源存储库配合使用。 Angular JS 作为一个框架依赖于其他组件。 npm 可用于下载这些依赖项并将它们附加到您的项目中。

  • Git − 这是源代码软件,可用于从 github Angular 站点获取示例应用程序。

  • 编辑器 − 有许多编辑器可用于 Angular JS 开发,例如 Visual Studio code 和 WebStorm。 在我们的教程中,我们将使用 Microsoft 免费提供的 Visual Studio 代码。

npm 安装

现在让我们看看安装 npm 的步骤。 npm 的官方网站是 https://www.npmjs.com/

NPM

步骤 1 − 转到网站中的"npm 入门"部分。

开始使用

步骤 2 − 在下一个屏幕中,根据操作系统选择要下载的安装程序。 为了进行本练习,请下载 Windows 64 位版本。

选择安装程序

步骤 3 − 启动安装程序。 在初始屏幕中,单击"下一步"按钮。

启动

步骤 4 − 在下一个屏幕中,接受许可协议并单击下一步按钮。

接受

步骤 5 − 在下一个屏幕中,选择安装的目标文件夹,然后单击"下一步"按钮。

目标文件夹

步骤 6 − 在下一个屏幕中选择组件,然后单击"下一步"按钮。 您可以接受默认安装的所有组件。

默认安装

步骤 7 − 在下一个屏幕中,单击"安装"按钮。

单击安装

步骤 8 − 安装完成后,单击"完成"按钮。

完成按钮

步骤 9 − 要确认安装,您可以在命令提示符中发出命令 npm version。 您将获得 npm 的版本号,如下面的屏幕截图所示。

屏幕截图

安装 Visual Studio Code

以下是 Visual Studio Code 的功能 −

  • Light 编辑器与 Visual Studio 的实际版本相比。

  • 可用于 Clojure、Java、Objective-C 等编码语言和许多其他语言。

  • 内置 Git 扩展。

  • 内置 IntelliSense 功能。

  • 更多的开发扩展。

Visual Studio 代码的官方网站是 https://code.visualstudio.com/

VisualStudio

步骤 1 − 下载完成后,请按照安装步骤操作。 在初始屏幕中,单击"下一步"按钮。

初始屏幕

步骤 2 − 在下一个屏幕中,接受许可协议并单击"下一步"按钮。

下一个

步骤 3 − 在下一个屏幕中,选择安装的目标位置,然后单击下一步按钮。

目标位置

步骤 4 − 选择程序快捷方式的名称,然后单击"下一步"按钮。

程序快捷方式

步骤 5 − 接受默认设置并单击"下一步"按钮。

默认设置

步骤 6 − 单击下一个屏幕中的"安装"按钮。

设置

步骤 7 − 在最后一个屏幕中,单击"完成"按钮启动 Visual Studio Code。

最终屏幕

安装 Git

Git 的一些主要功能是 −

  • 轻松分支和合并代码。
  • 允许在 Git 内使用多种技术来实现代码流。
  • 与其他 SCM 工具相比,Git 速度非常快。
  • 提供更好的数据保证。
  • 免费且开源。

Git 的官方网站是 https://git-scm.com/

Git

步骤 1 − 下载完成后,请按照安装步骤操作。 在初始屏幕中,单击"下一步"按钮。

GNU 许可证

步骤 2 − 选择需要安装的组件。 您可以接受默认组件。

默认组件

步骤 3 − 在下一步中,选择程序快捷方式名称,然后单击"下一步"按钮。

GIT 快捷方式

步骤 4 − 接受默认的 SSH 可执行文件并单击"下一步"按钮。

默认 SSH

步骤 5 − 接受默认设置"签出 Windows 风格,提交 Unix 风格结尾",然后单击"下一步"按钮。

默认设置

步骤 6 − 现在,接受终端模拟器的默认设置,然后单击"下一步"按钮。

终端

步骤 7 − 接受默认设置并单击"下一步"按钮。

接受默认设置

步骤 8 − 您可以跳过实验选项并单击"安装"按钮。

实验选项

步骤 9 − 在最终屏幕中,单击"完成"按钮完成安装。

完整安装过程