Angular,在Ubuntu上安装此开源框架

关于安装Angular

在下一篇文章中,我们将介绍Angular。 接下来,我们将看到如何安装它 开源JavaScript框架 这将有助于我们开发适用于Web /移动/桌面的单页Web应用程序。

这是一个框架 使创建Web应用程序变得容易。 Angular结合了模板,依赖项注入,端到端工具和内置的最佳实践来解决开发难题。 Angular应用程序基于 打字稿 反过来基于Javascript。

角度一般特征

部署的Web应用程序

  • 角度是 最常用的Javascript框架之一 创建Web应用程序。
  • 这个框架 可以使用纯JavaScript,但是使用Typescript可以增强其功能,并且是大多数项目的推荐选项。 特别是考虑其可扩展性。
  • 角度方向 将模板转换为高度优化的代码 适用于当今的JavaScript虚拟机。
  • 会允许我们 提供Node.js,.NET,PHP和其他语言的应用程序的第一视图 几乎仅在HTML和CSS中即时呈现。
  • Angular应用程序通过新的组件路由器快速加载。 这为用户提供了自动代码拆分功能, 只需加载渲染视图所需的代码 他们要求。
  • 我们将能够使用以下命令快速创建用户界面视图 简单而强大的模板语法.
  • Angular CLI命令行工具 它们将使我们能够快速开始构建,添加组件和测试。

这些只是一些常规功能。 它可以 获得更多信息 关于他们 项目网站.

在Ubuntu 18.04 LTS上安装Angular

首先,我们将不得不 确保我们系统中的所有软件包都是最新的。 为此,您需要做的就是打开一个终端(Ctrl + Alt + T)并运行以下脚本:

sudo apt update; sudo apt upgrade

安装NodeJ和NPM

nodejs徽标
相关文章:
NodeJS,在Ubuntu上为JavaScript安装此运行时环境

在Ubuntu 18.04中安装Angular之前,我们必须 安装NodeJ和Node Package Manager(NPM)。 要在同一终端中执行此操作,我们将执行以下几行:

卷曲nodejs

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

sudo apt-get install -y nodejs

完成NodeJ的安装后,我们继续进行NPM的安装:

npm安装最新的-g

sudo npm install npm@latest -g

在Ubuntu上安装Angular CLI

现在 我们将使用NPM安装Angular CLI:

安装角度

sudo npm install -g @angular/cli

安装完成后, 检查它是否正确安装 使用命令:

检查框架安装

ng --version

Git配置

Angular CLI使用git部署必要的模块,因此我们需要 确保我们已经配置了git。 如果尚未设置git用户名和电子邮件,请运行以下命令:

git config --global user.email "correo@electronico.com"
git config --global user.name "usuario"

创建一个新的角度应用程序

现在我们已经安装了Angular,我们可以 生成“基本结构”以创建新的应用程序。 我们将能够使用刚刚安装的CLI实现此目的:

ng new nombre-aplicacion

上面的命令将使用我们传递的名称创建一个新的应用程序。 这个命令会问我们几个问题。 第一个是您是否要使用路由。

样例应用程序设置

在这个例子中,我将选择 没有。 下一个问题询问您应使用哪种样式表格式。 在此示例中,我们将选择CSS(默认值),然后按Enter。

安装过程将开始部署必要的模块并为我们的应用程序创建目录结构。

启动Angular应用

在这一点上,我们将更改为刚刚为我们的应用程序创建的目录:

cd nombre-aplicacion

在这里我们可以 运行我们的应用程序 轻松使用NPM命令:

启动示例应用

npm start

上一条命令我们 将在屏幕上放置一个链接,该链接将告诉我们如何查看我们的应用程序.

这些只是Angular可以采取的最基本的第一步。 它可以 在中获取有关此框架的更多信息 官方文件 他们已经在项目网站上发布的内容。


发表您的评论

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

*

*

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

  1.   胡安·卡洛斯

    非常感谢您的指导...它帮助了我,这就是我所需要的