Angular环境配置

2019-12-18 本文已影响0人桃子是水果

Angular 环境配置

前提条件
- Node.js(Angular 需要 Node.js 版本 10.9.0 或更高版本 )
  - 要检查你的版本，请在终端/控制台窗口中运行 node -v 。
  - 要获取 Node.js，请转到 nodejs.org。
- npm 包管理器
  - Angular、Angular CLI 和 Angular 应用都依赖于 npm 包中提供的特性和功能。要想下载并安装 npm 包，你必须拥有一个 npm 包管理器。
  - Node.js 已经默认安装了它。
  - 要检查你是否安装了 npm 客户端，请在终端/控制台窗口中运行 npm -v 。

安装 Angular CLI
- 你可以使用 Angular CLI 来创建项目、生成应用和库代码，以及执行各种持续开发任务，比如测试、打包和部署。
- 全局安装 Angular CLI。
- 要使用 npm 命令安装 CLI，请打开终端/控制台窗口，输入如下命令：
```
npm install -g @angular/cli
```
创建工作空间和初始应用
1. 运行 CLI 命令 ng new 并提供 my-app 名称作为参数，如下所示：
```
ng new my-app
```
2. Angular CLI 会安装必要的 Angular npm 包和其他依赖包。这可能要花几分钟的时间。
运行应用
- Angular CLI 中包含一个服务器，方便你在本地构建和提供应用。
1. 转到 workspace 文件夹（my-app）。
2. 使用 CLI 命令 ng serve 和 --open 选项来启动服务器。
```
cd my-app 
ng serve --open
```
- ng serve 命令会启动开发服务器、监视文件，并在这些文件发生更改时重建应用。
- --open（或者只用 -o 缩写）选项会自动打开你的浏览器，并访问 http://localhost:4200/。