欢迎光临
我们一直在努力

如何在Linux上安装Angular CLI

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

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

另请参阅如何使用Angular CLI和PM2运行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.jsNPM ,如上所示,您可以使用npm包管理器安装Angular CLI ,如下所示( -g标志表示安装系统范围的工具以供所有系统用户使用)。

# npm install -g @angular/cliOR$ sudo npm install -g @angular/cli
在Linux中安装Angular CLI

在Linux中安装Angular CLI

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

# ng --version
检查ng的版本

检查ng的版本

使用Angular CLI创建Angular项目

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

# cd /var/www/html/# ng new howtoing-app			#as rootOR$ sudo ng new howtoing-app		#non-root user
创建新的角度应用程序

创建新的角度应用程序

接下来,进入刚创建的应用程序目录并提供应用程序,如图所示。

# cd howtoing-app# ls 			#list project files# ng serve
服务Angular App

服务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应用程序

访问您的新Angular应用程序

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

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

# ng help

Angular CLI主页https//angular.io/cli

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

赞(0) 打赏
未经允许不得转载:老赵部落 » 如何在Linux上安装Angular CLI
data-ad-format="auto" data-full-width-responsive="true">

评论 抢沙发