angular linux 打包不成功_如何在Linux上安装Angular CLI

Angular是一个开源，流行且高度可扩展的前端应用程序开发框架，用于使用TypeScript / JavaScript和其他常用语言构建移动和Web应用程序。 Angular是AngularJS (或Angular版本1.0)之后的所有Angular版本的总称，包括Angular 2和Angular 4 。

Angular非常适合从头开始构建小型到大型应用程序。 Angular平台有助于应用程序开发的关键组件之一是Angular CLI实用程序 - 它是一个简单易用的命令行工具，用于创建，管理，构建和测试Angular应用程序。

在本文中，我们将解释如何在Linux系统上安装Angular命令行工具并学习此工具的一些基本示例。

在Linux中安装Node.js.

要安装Angular CLI ，您需要在Linux系统上安装最新版本的Node.js和NPM 。

在Ubuntu上安装Node.js.$ sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - [for Node.js version 12]

$ sudo curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash - [for Node.js version 11]

$ sudo curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash - [for Node.js version 10]

$ sudo apt install -y nodejs

在Debian上安装Node.js.# curl -sL https://deb.nodesource.com/setup_12.x | bash - [for Node.js version 12]

# curl -sL https://deb.nodesource.com/setup_11.x | bash - [for Node.js version 11]

# curl -sL https://deb.nodesource.com/setup_10.x | bash - [for Node.js version 10]

# apt install -y nodejs

在CentOS / RHEL和Fedora上安装Node.js.# curl -sL https://rpm.nodesource.com/setup_12.x | bash - [for Node.js version 12]

# curl -sL https://rpm.nodesource.com/setup_11.x | bash - [for Node.js version 11]

# curl -sL https://rpm.nodesource.com/setup_10.x | bash - [for Node.js version 10]

# yum -y install nodejs

# dnf -y install nodejs [On RHEL 8 and Fedora 22+ versions]

此外，要从NPM编译和安装本机加载项，您可能需要在系统上安装开发工具 ，如下所示。$ sudo apt install -y build-essential [On Debian/Ubuntu]

# yum install gcc-c++ make [On CentOS/RHEL]

# dnf install gcc-c++ make [On RHEL 8/Fedora 22+]

在Linux中安装Angular CLI

一旦安装了Node.js和NPM ，如上所示，您可以使用npm包管理器安装Angular CLI ，如下所示( -g标志表示安装系统范围的工具以供所有系统用户使用)。# npm install -g @angular/cli

OR

$ sudo npm install -g @angular/cli

在Linux中安装Angular CLI

您可以使用现在应安装在系统上的ng可执行文件启动Angular CLI 。 运行以下命令以检查已安装的Angular CLI的版本。# ng --version

检查ng的版本

使用Angular CLI创建Angular项目

在本节中，我们将展示如何创建，构建和提供新的基本Angular项目。 首先，进入服务器的webroot目录，然后按如下方式初始化一个新的Angular应用程序(请记住按照提示操作)：# cd /var/www/html/

# ng new howtoing-app#as root

OR

$ sudo ng new howtoing-app#non-root user

创建新的角度应用程序

接下来，进入刚创建的应用程序目录并提供应用程序，如图所示。# cd howtoing-app

# ls #list project files

# ng serve

服务Angular App

在从Web浏览器访问新应用程序之前，如果运行了防火墙服务，则需要在防火墙配置中打开端口4200 ，如图所示。---------- On CentOS/RHEL/Fedora ----------

# firewall-cmd --permanent --zone=public --add-port=4200/tcp

# firewall-cmd --reload

---------- On Ubuntu/Debian ----------

$ sudo ufw allow 4200/tcp

$ sudo ufw reload

现在，您可以打开Web浏览器并使用以下地址进行导航，以查看新的应用程序运行，如以下屏幕截图所示。http://localhost:4200/

or

http://SERVER_IP:4200

访问您的新Angular应用程序

注意 ：如果使用命令ng serve构建应用程序并在本地提供它，如上所示，服务器会在您更改任何源文件时自动重建应用程序并重新加载网页。

有关ng工具的更多信息，请运行以下命令。# ng help

在本文中，我们展示了如何在不同的Linux发行版上安装Angular CLI 。 我们还介绍了如何在开发服务器上构建，编译和服务基本的Angular应用程序。 如果您有任何疑问或想法，请与我们分享，请使用下面的反馈表。