Angular CLI - 如何在 Linux 中创建新的 Angular 项目
Angular 是一个开源、流行且高度可扩展的前端应用程序开发框架，用于使用 TypeScript/JavaScript Angular 是 AngularJS（或 Angular 版本 1.0）之后的所有 Angular 版本的总称，包括 Angular 2和Angular 4。 Angular 非常适合从头开始构建小型到大型应用程序。 Angular 平台帮助应用程序开发的关键组件之一是 Angular CLI 实用程序 - 它是一个简单且易于使用的命令行工具，用于创建、管理、构建和测试 Angular 应用程序。 在本文中，我们将解释如何在 Linux 系统上安装 Angular 命令行工具，并学习该工具的一些基本示例。 要安装 Angular CLI，您需要在 Linux 系统上安装最新版本的 Node.js 和 NPM。 此外，要从 NPM 编译和安装本机附加组件，您可能需要在系统上安装开发工具，如下所示。 一旦安装了 Node.js 和 NPM（如上所示），您就可以使用 npm 包管理器安装 Angular CLI如下所示（ 您可以使用 在本节中，我们将展示如何创建、构建和服务一个新的基本 Angular 项目。首先，进入服务器的 webroot 目录，然后初始化一个新的 Angular 应用程序，如下所示（请记住按照提示操作）： 接下来，进入刚刚创建的应用程序目录，并为应用程序提供服务，如图所示。 如果您正在运行防火墙服务，则需要在防火墙配置中打开端口4200，然后才能从网络浏览器访问新应用程序，如图所示。 现在，您可以打开 Web 浏览器并使用以下地址进行导航，以查看新应用程序的运行情况，如以下屏幕截图所示。 注意：如果您使用命令 有关ng工具的更多信息，请运行以下命令。 Angular CLI 主页：https://angular.io/cli 在本文中，我们展示了如何在不同的 Linux 发行版上安装 Angular CLI。我们还介绍了如何在开发服务器上构建、编译和提供基本的 Angular 应用程序。如果您想与我们分享任何疑问或想法，请使用下面的反馈表。在 Linux 中安装 Node.js
在 Ubuntu 上安装 Node.js
------------- For Node.js v19.x -------------
curl -fsSL https://deb.nodesource.com/setup_19.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v18.x -------------
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v16.x -------------
curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v14.x -------------
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - &&\
sudo apt-get install -y nodejs
在 Debian 上安装 Node.js
------------- For Node.js v19.x -------------
curl -fsSL https://deb.nodesource.com/setup_19.x | bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v18.x -------------
curl -fsSL https://deb.nodesource.com/setup_18.x | bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v16.x -------------
curl -fsSL https://deb.nodesource.com/setup_16.x | bash - &&\
sudo apt-get install -y nodejs
------------- For Node.js v14.x -------------
curl -fsSL https://deb.nodesource.com/setup_14.x | bash - &&\
sudo apt-get install -y nodejs
在 RHEL、CentOS、Fedora、Rocky 和 Alma Linux 上安装 Node.js
------------- For Node.js v19.x -------------
curl -fsSL https://rpm.nodesource.com/setup_19.x | sudo bash -
sudo yum install -y nodejs
------------- For Node.js v18.x -------------
curl -fsSL https://rpm.nodesource.com/setup_18.x | sudo bash -
sudo yum install -y nodejs
------------- For Node.js v16.x -------------
curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash -
sudo yum install -y nodejs
------------- For Node.js v14.x -------------
curl -fsSL https://rpm.nodesource.com/setup_14.x | sudo bash -
sudo yum install -y nodejs
sudo apt install -y build-essential [On Debian/Ubuntu]
sudo yum install gcc-c++ make [On RHEL Systems]
在 Linux 中安装 Angular CLI
-g 标志表示在系统范围内安装该工具以供所有系统用户使用）。npm install -g @angular/cli
OR
sudo npm install -g @angular/cli
ng 可执行文件启动 Angular CLI，该可执行文件现在应该已安装在您的系统上。运行以下命令检查安装的 Angular CLI 版本。ng version
OR
ng --version
使用 Angular CLI 创建 Angular 项目
cd /var/www/html/
ng new tecmint-app #as root
OR
sudo ng new tecmint-app #non-root user
cd tecmint-app
ls #list project files
ng serve
---------- On Firewalld ----------
firewall-cmd --permanent --zone=public --add-port=4200/tcp
firewall-cmd --reload
---------- On UFW ----------
sudo ufw allow 4200/tcp
sudo ufw reload
http://localhost:4200/
or
http://SERVER_IP:4200
ngserve来构建应用程序并在本地提供服务，如上所示，服务器会自动重建应用程序并在您更改任何源文件时重新加载网页。ng help