【Angular】使用Angular快速Web应用项目脚手架构建一个

一、安装node.js和npm

进入nodejs官网下载与操作系统匹配的nodejs版本：https://nodejs.org/en/download/，

运行，下一步至完成安装；

（1）进入终端/控制台窗口中运行命令: node –v，可查看到nodejs版本信息即可

（2）进入终端/控制台窗口中运行命令:  npm –v ,如果可查看到npm的版本信息，则表示安装成功，一般安装NodeJS已经安装了npm，否则执行命令：

       npm install npm@latest –g

二、安装Angular-cli

1. 必须的前提条件

Angular，Angular CLI和Angular应用程序依赖于npm软件包和NodeJS来实现许多功能。要下载和安装npm软件包和NodeJS，您需要一个npm软件包管理器和NodeJS,一般只要安装了NodeJS就可以了（默认情况下已经安装了npm）

2. 安装Angular-cli

进入终端/控制台窗口中运行命令：npm install -g @angular/cli

三、创建一个Web应用项目脚手架

1.在指定目录下打开终端窗口，执行命令：ng new my-app ；就会在当前目录生成一个名为my-app的Angular项目。

2.使用其他开发工具，如IDEA直接导入该项目，即可直接运行。

3.项目目录结构如下：