如何在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的安装版本。

Angular命令行界面已安装在您的系统上。对于现有应用程序,可以开始您的工作,而忽略其余文章。
请按照以下步骤在系统上创建新的Angular应用程序。
3、创建新的Angular应用程序
您可以使用ng命令来创建新的angular应用程序。使用Angular命令行工具创建名为hello-world的应用程序。在终端中执行以下命令:
ng new hello-world
输出:

这将在当前目录中创建一个名为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/

原文地址:https://www.cnblogs.com/a5idc/p/13677119.html