Angualr在项目中实战

1.

首先angualr的启动命令是ng serve --port=端口号（端口号可配置）。配置位置如下：

出现这种原因是因为同时启动了多个angular项目，当查看任务管理器的端口号，发现，不是有其他exe程序进行占用的时候，可以得知，也就是同时启动了多个angular项目引起的。

端口配置路径如下：

下面开始扩展angualr的学习：

监测node.js的版本：

如下：

npm是随nodeJS一起安装到本地的管理工具，由于node.JS集成了NPM，因此我们可以通过命令npm -v监测安装成功

如图：

验证TypeScript是否安装：

typescript是ng应用开发中使用的主要语言，检测是否安装成功如图：

Cli是commmand line interface的简写，是一种命令行接口，实现自动化开发流程

是由ng执行开发，测试，打包和发布必备的集成化平台，俗称脚手架。

验证步骤如下：

 

 

以上步骤完成之后，打开IDE,进项先关的操作。

本次使用的IDE是使用IDEA

打开项目所使用的IDE之后进入项目所在的终端如下：

并在终端键入cnpm install,安装项目所需要的依赖包，使用，命令如下：

cnpm install

之后是启动项目，在终端键入ng serve,等待编译完成。

然后打开浏览器输入localhost：4200(前面配置的端口)即可启动项目。

回车过后显示如下：

显示过后界面如下：

至此angular的前端项目部署以及启动成功，并可以进行相关的前端代码查看。