开发手册 欢迎您!
软件开发者资料库

Angular 2 - 环境

Angular 2环境 - 从简单和简单的步骤学习Angular 2,从基本到高级概念,包括概述,环境,Hello World,模块,架构,组件,模板,指令,元数据,数据绑定,使用HTTP的CRUD操作,错误处理,路由,导航,表单,CLI,依赖注入,高级配置,第三方控件,数据显示,处理事件,转换数据,自定义管道,用户输入,生命周期挂钩,嵌套容器,服务。

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

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

  • Git &minus ;这是源代码软件,可用于从 github 角度站点获取示例应用程序.

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

npm安装

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

NPM

第1步 : 转到网站的"npm开始"部分.

开始使用

第2步 : 在下一个屏幕中,根据操作系统选择要下载的安装程序.出于本练习的目的,请下载Windows 64位版本.

选择安装程序

第3步 : 启动安装程序.在初始屏幕中,单击"下一步"按钮.

Launch

第4步 : 在下一个屏幕中,接受许可协议并单击下一步按钮.

Accept

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

目标文件夹

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

默认安装

第7步 : 在下一个屏幕中,单击"安装"按钮.

Click Install

第8步 : 安装完成后,单击"完成"按钮.

完成按钮

第9步 : 要确认安装,请在命令提示符下发出命令npm version.您将获得npm的版本号,如以下屏幕截图所示.

Screenshot

安装Visual Studio代码

以下是Visual Studio Code&minus的功能;

  • 与Visual Studio的实际版本相比时的灯光编辑器.

  • 可用于编码语言,如Clojure,Java,Objective- C和许多其他语言.

  • 内置Git扩展.

  • 内置 - 在智能感知功能中.

  • 更多用于开发的扩展.

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

VisualStudio

第1步 : 下载完成后,请按照安装步骤进行操作.在初始屏幕中,单击"下一步"按钮.

初始屏幕

第2步 : 在下一个屏幕中,接受许可协议并单击"下一步"按钮.

Next

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

目的地位置

第4步 : 选择程序快捷方式的名称,然后单击下一步按钮.

程序快捷方式

第5步 : 接受默认设置并单击"下一步"按钮.

默认设置

第6步 : 单击下一个屏幕中的"安装"按钮.

Setup

第7步 : 在最后一个屏幕中,单击Finish按钮启动Visual Studio Code.

Final Screen

安装Git

Git的一些主要功能是 :

  • 轻松分支和合并代码.

  • 在Git中使用许多技术来提供代码流.

  • 与之相比,Git非常快其他SCM工具.

  • 提供更好的数据保证.

  • 免费和开源.

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

Git

第1步 : 下载完成后,请按照安装步骤进行操作.在初始屏幕中,单击"下一步"按钮.

GNU License

第2步 : 选择需要安装的组件.您可以接受默认组件.

默认组件

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

GIT Shortcut

第4步 : 接受默认的SSH可执行文件并单击Next按钮.

默认SSH

第5步 : 接受默认设置"Checkout Windows style,commit Unix style endings"并单击Next按钮.

Default设置

第6步 : 现在,接受终端模拟器的默认设置,然后单击Next按钮.

Terminal

第7步 : 接受默认设置并单击"下一步"按钮.

接受默认设置

第8步 : 您可以跳过实验选项并单击"安装"按钮.

实验选项

第9步 : 在最终屏幕中,单击"完成"按钮以完成安装.

完整安装过程