Angular CLI,在Ubuntu上开发Angular应用程序

关于angular-cli

在下一篇文章中,我们将看一下Angular CLI。 万一你还是不知道 Angular是一个开源前端应用程序开发框架,受欢迎且高度可扩展。 它可以用于使用TypeScript,JavaScript和其他常见语言来构建移动和Web应用程序。 Angular是AngularJS之后的所有Angular版本的总称。

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

在下面的几行中,我们将了解如何 在我们的Ubuntu 19.04系统上安装Angular命令行工具。 我们还将看到此工具的基本示例。

在Ubuntu上安装Node.js

安装Angular CLI 必须在系统上安装最新版本的Node.js和NPM。 为此,我们只需要打开一个终端(Ctrl + Alt + T)并输入以下内容即可:

下载nodejs 12

sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

apt nodejs安装

sudo apt install -y nodejs

另外,要编译和安装本机NPM插件, 我们可能需要在系统上安装开发人员工具。 为此,在同一终端中,我们将执行以下操作:

sudo apt install -y build-essential

在Ubuntu 19.04上安装Angular CLI

如前所述,在安装完Node.js和NPM之后,我们将能够 使用npm软件包管理器安装Angular CLI 如下。 在这种情况下, -g 这意味着我们将在整个系统中安装该工具,以供所有用户使用。

npm angular cli安装

sudo npm install -g @angular/cli

安装完成后,我们可以 使用ng可执行文件启动Angular CLI 现在应该将其安装在我们的系统上。 在终端(Ctrl + Alt + T)中执行以下命令,以验证安装的Angular CLI的版本:

ng版本

ng --version

使用Angular CLI创建项目

Ubuntu的阿帕奇
相关文章:
如何在Ubuntu 18.04上安装Apache Web服务器?

现在让我们看看如何创建,构建和服务一个新的基本Angular项目。 第一的, 我们将转到webroot目录 从我们的服务器。 然后,我们将创建一个新的Angular应用程序,如下所示:

角度cli APP创建

cd /var/www/html/

sudo ng new ubunlog-app

我们将不得不决定是否要与Angular团队共享匿名数据。 我们继续转到刚刚创建的应用程序的目录。 我们准备去 开始提供应用程序 如下所示:

Angular编译的应用程序

cd ubunlog-app

ng serve

前面的命令将把我们显示在屏幕上 一个链接,该链接将告诉我们如何查看正在运行的应用程序.

在我们可以从网络浏览器访问它之前, 如果正在运行防火墙服务,我们必须打开端口4200 在此配置中,如下所示:

sudo ufw allow 4200/tcp

sudo ufw reload

之后,我们可以打开我们喜欢的Web浏览器,并使用终端提供的URL导航到 查看新的应用程序运行,如以下屏幕截图所示。

Web浏览器中的Angular CLI应用程序

http://localhost:4200/

我们还可以使用另一个URL来访问我们的应用程序:

http://IP_SERVIDOR:4200

应该提到的是,如果我们使用命令“ng服务”正如我们刚刚看到的,要构建一个应用程序并在本地提供服务, 当我们更改任何源文件时,服务器会自动重建应用程序并重新加载网页.

如果我们想得到 有关ng工具的更多信息,我们可以在终端(Ctrl + Alt + T)中运行以下命令:

ng帮助

ng help

在本文中,我们已经看到了如何执行 在我们的Ubuntu系统上简单地安装Angular CLI,以及在开发服务器上构建,编译和提供基本应用程序的服务。

这些只是Angular CLI可以采取的最基本的第一步。 为了 查看有关Angular CLI的更多信息,我们可以咨询 项目官方网站.


发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。