如何在Ubuntu 20.04上安装Angular CLI?

Angular是用于构建移动和网络应用的最流行的框架。Angular是一个开源的网络应用框架,由谷歌一个庞大的个人社区开发。截至目前,Angular 10是最新的安装版本。本教程将帮助您在Ubuntu 20.04 Linux系统上安装Angular CLI节点模块。

1、安装Node.js

NVM是一个在Linux系统上安装和管理node.js的命令行工具。所以首先我们需要在系统上安装nvm。用需要安装Node.js的用户登录系统,然后执行下面的命令安装nvm。

curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash

之后,你可以在系统上安装任何版本的node。你也可以在一个系统上安装多个node版本。执行以下命令加载环境并安装最新的node.js版本。

源码 ~/.bashrc

nvm install node

上面的命令将显示你系统上安装的node和npm的版本。

2、安装Angular CLI

在系统上安装了node.js和npm后,请使用以下命令在系统上安装Angular cli工具。

npm install -g @angular/cli

最新版本的Angular CLI将安装在您的Ubuntu Linux系统上。您可能需要在计算机上使用较旧的Angular版本。要安装特定的Angular版本,请运行以下带有版本号的命令。

npm install -g @angular/cli@8 #Angular 8

npm install -g @angular/cli@9 #Angular 9

npm install -g @angular/cli@10 #Angular 10

使用-g上述命令将全局安装Angular CLI工具。因此,系统上的所有用户和应用程序都可以访问它。Angular CLI提供了ng用于命令行操作的命令。让我们检查系统上ng的安装版本。

如何在Ubuntu 20.04上安装Angular CLI?

Angular命令行界面已安装在您的系统上。对于现有应用程序,可以开始您的工作,而忽略其余文章。

请按照以下步骤在系统上创建新的Angular应用程序。

3、创建新的Angular应用程序

您可以使用ng命令来创建新的angular应用程序。使用Angular命令行工具创建名为hello-world的应用程序。在终端中执行以下命令:

ng new hello-world

输出:

如何在Ubuntu 20.04上安装Angular CLI?

这将在当前目录中创建一个名为hello-world的目录,并为angular应用程序创建所有必需文件。

4、angular应用端口设置

您可以使用基本的Angular应用程序。切换到hello-world目录,然后使用ng serve命令运行您的angular应用程序。

cd hello-world

ng serve

默认情况下,angular应用程序在端口4200上运行。您可以在端口4200上访问系统以打开angular应用程序,例如:

http://localhost:4200

您可以通过提供–host和–port命令行参数来更改用于运行Angular应用程序的主机和端口。

ng serve --host 0.0.0.0 --port 8080

IP地址0.0.0.0在所有接口上监听并且可以公共访问。

总结

在本教程中,您学习了将angular命令行实用程序安装为节点包。本教程还帮助您创建一个新的angular应用程序。现在,访问此处以在Apache服务器后面配置angular应用程序。A5互联https://www.a5idc.net/