Angular CLI - 环境设置

要使用 Angular CLI，我们需要在系统上安装 Node。让我们详细了解 Angular CLI 所需的环境设置。

下载 Node.js 存档

从Node.js 下载（位于 https://node.org.cn/download/）下载最新版本的 Node.js 可安装存档文件。在撰写本教程时，不同操作系统上可用的版本列示如下：

在 UNIX/Linux/Mac OS X 和 SunOS 上安装

根据您的操作系统架构，下载并解压存档node-v6.3.1-osname.tar.gz到 /tmp，然后最终将解压后的文件移动到 /usr/local/nodejs 目录。

例如：

$ cd /tmp

$ wgethttps://node.org.cn/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz

$ tar xvfz node-v6.3.1-linux-x64.tar.gz

$ mkdir -p /usr/local/nodejs

$ mv node-v6.3.1-linux-x64/*/usr/local/nodejs

将 /usr/local/nodejs/bin 添加到 PATH 环境变量。

在 Windows 上安装

使用 MSI 文件并按照提示安装Node.js。默认情况下，安装程序将 Node.js 分发到C:\Program Files\nodejs。

安装程序应在 windows PATH 环境变量中设置C:\ProgramFiles\nodejs\bin目录。重新启动任何打开的命令提示符以使更改生效。

验证安装：执行文件

在您的机器（Windows 或 Linux）上创建一个名为main.json的 js 文件，其中包含以下代码：

/* Hello, World! program in node.js */
console.log("Hello, World!")

实时演示链接为 https://tutorialspoint.com/execute_nodejs_online.php。

现在，使用 Node.js 解释器执行 main.js 文件以查看结果：

$ node main.js

如果您的安装一切正常，则应产生以下结果：

Hello, World!

现在，Node 已安装。您可以运行以下命令来安装 Angular CLI。

npm install -g @angular/cli

验证安装

现在，运行以下命令查看结果：

$ ng --version

如果您的安装一切正常，则应产生以下结果：

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

在 Windows 上，如果 ng 未被识别为内部或外部命令，请更新系统路径变量以包含以下路径。

C:\Users\<User Directory>\AppData\Roaming\npm