亚游wwwag8com
你好,游客 登录 注册
背景:
阅读新闻

在Ubuntu 18.04上安装Angular图文详解

[日期:2019-04-07] 来源:Linux公社  作者:醉落红尘 [字体: ]

亚游wwwag8com,现在旺和奥兹成为了形影不离的好朋友,它们在新家里很受欢迎。(实习编译:路越 审稿:朱盈库)

【环球时报驻德国、加拿大、日本、韩国记者 青木 陶短房 蓝雅歌 王伟 环球时报记者 谭福榕】 布雷迪致命失误逆转未果 对攻战老鹰首夺超级碗12月13日下午,2018年平昌冬季奥运会组织委员会委员长李熙范与华为企业BG总裁阎力大在韩国首尔签署了网络设备供货协议和赞助协议,华为正式成为2018年韩国平昌冬季奥运会“网络设备”官方供应商。华为将提供网络设备,以及承建、维护和保障平昌冬奥会IP网络。本报驻韩国记者 邰举摄

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

这篇文章是一系列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权限登录。

linuxidc@linuxidc:~/linuxidc.com$ sudo su -
[sudo] linuxidc 的密码:

NPM用于安装Angular。

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

root@linuxidc:~# apt update

接下来我们可以安装NodeJ。

root@linuxidc:~# apt install nodejs
正在读取软件包列表... 完成
正在分析软件包的依赖关系树     
正在读取状态信息... 完成 

然后安装NPM。 

root@linuxidc:~# apt install npm

在Ubuntu 18.04上安装Angular图文详解

查看版本:

root@linuxidc:~# npm --version
6.7.0

在Ubuntu 18.04上安装Angular

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

root@linuxidc:~# npm install -g npm@latest

现在检查版本。

root@linuxidc:~# npm --version
6.9.0

在Ubuntu 18.04上安装Angular

现在我们可以安装Angular了。

安装Angular 7

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

root@linuxidc:~# npm install -g @angular/cli

在Ubuntu 18.04上安装Angular

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

root@linuxidc:~# ng --version

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

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

在Ubuntu 18.04上安装Angular

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

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

root@linuxidc:~# git config --global user.email "linux@linuxidc.com"
root@linuxidc:~# git config --global user.name "linuxidc"

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

创建一个新的Angular应用程序

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

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

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

linuxidc@linuxidc:~/linuxidc.com$ ng new linuxidc

在Ubuntu 18.04上安装Angular

这将创建一个名为linuxidc的新应用程序。

该命令会问你几个问题。

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

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

在Ubuntu 18.04上安装Angular

我们将选择CSS(默认值),所以只需按Enter键即可。

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

运行我们的申请

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

cd linuxidc

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

npm start

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

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

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

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

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

在Ubuntu 18.04上安装Angular图文详解

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

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

总结

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

谢谢阅读。

Linux公社的RSS地址亚游wwwag8com/wwwd35clinuxidcd35ccom/rssFeed.aspx

本文永久更新链接地址/wwwd35clinuxidcd35ccom/Linux/2019-04/157972.htm

linux
本文评论   亚游wwwag8com查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
官方实力榜:火箭榜首勇士重回第2 骑士再狂跌 美日“高尔夫外交”幕后:安倍曾婉拒特朗普邀请 文在寅启程访美 将与特朗普单独会谈讨论朝核方案 村干部肇事致人死亡逃逸 还“热心”配合交警走访 环法第18赛段本土猛将冲刺夺冠 托马斯黄衫稳固 空姐乘滴滴遇害 郑州警方:嫌疑人作案后弃车跳河 跑步越多健康好处当然越多 但并非跑量越大越好 外媒头条:IMF警告称贸易失衡恐遏制全球经济 出门旅行还要斗智斗勇?“富二代”销售法了解一下 美巡赛公布2018年球员委员会名单 斯皮思竞选主席 日媒称中国积极发展人工智能:百姓生活正发生改变 世纪互联公布第一季度财报:同比扭亏
老挝大坝坍塌致19人遇难 文在寅派救援队赴现场 曾春蕾进攻数据力压金软景 欣喜转会后渐入佳境 陆慧明欧冠2串1:巴萨客战输盘 曼城让一球单3 洪秀柱南下高雄为蓝选将打气:不邀请也会主动上门 REITs基金:分散配置的可选工具 境内外产品投资贴士 世贸组织:贸易摩擦升级可能影响全球贸易增长预期 暴走漫画侮辱叶挺被关停后致歉 叶挺后人:不接受 徐广国任职山西 系由外省入晋第3位省委常委 专访邹凯:不理解奥运体操赛制 张成龙仍有竞争力 朝中社:美国应停止向朝鲜半岛调遣核战略资产 湖南吉首初中女生在厕所被欺凌 学校被通报批评 日本官方解释前后矛盾 陆基宙斯盾部署迷失方向
曝瓜迪奥拉不爽桑切斯:为了钱抛弃曼城去曼联 钻井平台“海洋石油982”交付 最大可抗16级台风 男店员偷走营业款 被抓时数钱正数在兴头上(图) Note7自燃案再开庭 三星公司否认有欺诈消费者行为 美国对伊朗石油\"松口\"不\"松手\" 国际买家会否… 南昌赛前冠军遭遇下马威 段莹莹首轮遗憾出局 硬碰硬!赔率疯狂打脸专家团 火勇决或战至抢七 证监会修订上市公司退市制度 保障投资者合法权益 鲁能揭幕战比赛监督确定 新赛季预备队将更换主场 赌场以哪条猎狗逮到兔子定输赢 专人负责录像回放 备案进入倒计时 P2P大额标该何去何从 10个副省级城市将迎中央巡视 这个市流毒传播17年 天津城投原总经理段宝森涉嫌受贿案移送审查起诉 亚游wwwag8com