如何在Ubuntu 20.04上安装Angular CLI？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在Ubuntu 20.04上安装Angular CLI？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2222字，纯文字阅读大概需要4分钟。

内容图文

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/

内容总结

以上是互联网集市为您收集整理的如何在Ubuntu 20.04上安装Angular CLI？全部内容，希望文章能够帮你解决如何在Ubuntu 20.04上安装Angular CLI？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---