在Ubuntu18.04上安装Angular图文详解

在这篇文章中，我将向您展示如何在ubuntu 18.04上安装Angular。 Angular是一个用于制作令人敬畏的网站的前端Web开发框架。

专注于为中小企业提供成都做网站、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业大名免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

这篇文章是一系列Angular文章中的第一篇，旨在帮助您开始在Angular 7中创建网站。

我们将首先学习如何在Ubuntu 18.04上安装Angular 7。

接下来，我们将使用Angular CLI创建一个基本应用程序。

Angular应用程序基于Typescript。 Typescript基于Javascript，但有许多改进。

首先，它是强类型的。 这有助于减轻运行时错误，您认为变量是一种类型但实际上是另一种类型。

其次，Typescript使用类和对象使代码更具可读性。

Typescript转换为普通的Javascript，因此您的应用程序可以在任何浏览器中运行。

如果您想在他们的网站上了解有关Typescript的更多信息，请在5分钟内了解Typescript。

安装NodeJs和NPM

要在Ubuntu 18.04上安装Angular，我们首先需要安装NodeJ和Node Package Manager（NPM）。

本文假设您使用root权限登录。

NPM用于安装Angular。

首先，它有助于确保您已更新。

接下来我们可以安装NodeJ。

然后安装NPM。 

查看版本：

我们现在需要使用NPM将自己更新到最新版本。

现在检查版本。

现在我们可以安装Angular了。

安装Angular 7

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

安装完成后，检查它是否安装正确。

    _                      _                ____ _    ___
    / \  _ __  __ _ _  _| | __ _ _ __    / ___| |  |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|  | |  | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/  \_\_| |_|\__, |\__,_|_|\__,_|_|      \____|_____|___|
                |___/
   

Angular CLI: 7.3.8
Node: 11.10.0
OS: linux x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.13.8
@angular-devkit/core        7.3.8
@angular-devkit/schematics  7.3.8
@schematics/angular          7.3.8
@schematics/update          0.13.8
rxjs                        6.3.3
typescript                  3.2.4

Angular CLI使用git来下载所需的模块，因此我们需要确保配置了git。

如果尚未配置git用户名和电子邮件，请运行以下命令来执行此操作。

我们现在可以创建您的第一个Angularjs应用程序

创建一个新的Angular应用程序

现在我们安装了Angular，我们可以为新应用程序创建一个基本的脚手架。

我们将使用新安装的Angular CLI来完成此任务。

从现在开始，您应该以普通用户身份登录。

该命令会问你几个问题。

第一个问题询问您是否要使用Angular路由。

? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? (Use arrow keys)
CSS
  SCSS  [ http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax ]
  Sass  [ http://sass-lang.com/documentation/file.INDENTED_SYNTAX.html      ]
  Less  [ http://lesscss.org                                                ]
  Stylus [ http://stylus-lang.com                                            ]

我们将选择CSS（默认值），所以只需按Enter键即可。

安装过程将开始下拉所需的Angular模块，并为我们的新应用程序创建目录结构

运行我们的申请

首先更改为我们的应用程序的新创建的目录。

我们可以使用NPM命令轻松运行我们的应用程序。

npm start

这将构建我们的应用程序并启动开发http服务器并为我们的应用程序服务。

您将在输出中看到一个链接，告诉您如何查看您的应用程序。

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

打开浏览器并转到此位置。

您将看到您的新应用程序。如下图所示：

这只创建了一个非常基本的Angular应用程序框架。

在本系列的下几篇文章中，我们将了解它所创造的内容。

总结

我希望你喜欢这篇文章。并在下面留下评论并分享到微信朋友圈，微博等社交媒体。

谢谢阅读。

文章名称：在Ubuntu18.04上安装Angular图文详解
网页地址：http://www.shufengxianlan.com/qtweb/news48/304548.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联