📜  Angular CLI-环境设置

📅  最后修改于: 2020-10-27 02:38:33             🧑  作者: Mango


要使用Angular CLI,我们需要在系统上安装Node。

下载Node.js存档

Node.js下载下载最新版本的Node.js可安装存档文件。在撰写本教程时,以下是在不同操作系统上可用的版本。

OS Archive name
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上安装

根据您的OS体系结构,下载归档文件node-v6.3.1- osname .tar.gz并将其解压缩到/ tmp中,然后最终将解压缩的文件移动到/ usr / local / nodejs目录中。例如:

$ cd /tmp
$ wget http://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环境变量中。

OS Output
Linux export PATH=$PATH:/usr/local/nodejs/bin
Mac export PATH=$PATH:/usr/local/nodejs/bin
FreeBSD export PATH=$PATH:/usr/local/nodejs/bin

在Windows上安装

使用MSI文件并按照提示安装Node.js。默认情况下,安装程序使用C:\ Program Files \ nodejs中的Node.js发行版。安装程序应在窗口的PATH环境变量中设置C:\ Program Files \ nodejs \ bin目录。重新启动所有打开的命令提示符,以使更改生效。

验证安装:执行文件

使用以下代码在您的计算机(Windows或Linux)上创建一个名为main.js的js文件。

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

现在使用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\\AppData\Roaming\npm