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/。

注意：如果node -v命令或者其他命令无效，那么需要配置系统环境变量的path