Angular CLI教程

Angular CLI 环境设置

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

下载 Node.js 存档

Node.js 下载 下载最新版本的 Node.js 可安装存档文件,该文件位于 https://nodejs.org/download/。在撰写本教程时,下面列出了不同操作系统上可用的版本-
操作系统 档案名称
Windows node-v6.3.1-x64.msi
Linux node-v6.3.1-linux-x86.tar.gz
Mac node-v6.3.1-darwin-x86.tar.gz
SunOS node-v6.3.1-sunos-x86.tar.gz

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

根据您的操作系统架构,下载并解压存档 node-v6.3.1-osname.tar.gz 到/tmp,然后,最后将解压的文件移动到/usr/local/nodejs目录。
例如-
$ cd /tmp
$ wgethttp://nodejs.org/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 环境变量中。
操作系统 输出
Linux 导出路径=$PATH:/usr/local/nodejs/bin
Mac 导出路径=$PATH:/usr/local/nodejs/bin
FreeBSD 导出路径=$PATH:/usr/local/nodejs/bin

在 Windows 上安装

使用 MSI 文件并按照提示安装 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://www.lidihuo.com/execute_nodejs_online.php。
现在,使用 Node.js 解释器执行 main.js 文件以查看结果-
$ node main.js
如果您的安装一切正常,这应该会产生以下结果-
Hello, World!
现在,节点已安装。您可以运行以下命令来安装 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
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4