ag娱乐平台
你好,游客 登录 注册
背景:
阅读新闻

在Ubuntu 18.04上安装Angular图文详解

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

ag娱乐平台,2013年以来,宝马在全球共销售了超过10万辆纯电动汽车和插电式混合动力汽车。明年起,宝马将增加新能源车型的投放力度。2017年宝马将推出全新530e和MINI COUNTRYMAN等插电式混合动力车型;到2018,i8 Spyder将会亮相;到2019年纯电动版MINI、3系和X3车型将会问世。宝马预计,到2025年电动车等新能源汽车的销量将占据总销量的15%到25%。(消息来源:motor1;文/汽车之家李长宁)

人畜共患传染病,本病在鹿群中大批发生,影响鹿的发育和生产能力,损失较大。鹿与患结核病家畜混养,饲养员患结核病,鹿最容易受感染。 快递进入“春节假期模式” 已陆续开始收缩派件范围 [汽车之家海外试驾] 即便是在中国汽车工业协会刚刚发布的10月销量数据里,奥迪A6L以微弱的优势实现了销量反超,宝马5系还是在2016年的BBA竞争之中保持着领先。不得不承认,宝马5系这款昔日只有高端精英才能买得起的豪华轿车,在中国市场上凭借着出色的操控和行驶品质,以及不错的空间表现(不是我说的,车主说的,点击这里看),正在逐渐成为“街车”,受到越来越多消费者的喜欢,而且其中不乏年轻用户。直到我们此刻见到了代号G30(国内长轴版代号G38)的全新一代宝马5系,事情似乎又开始变得有悬念起来。

在这篇文章中,我将向您展示如何在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-langc0b7com/documentation/file.SASS_REFERENCE.html#syntax ]
  Sass  [ /sass-langc0b7com/documentation/file.INDENTED_SYNTAX.html      ]
  Less  [ /lesscssc0b7org                                                ]
  Stylus [ /stylus-langc0b7com                                            ]

在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地址ag娱乐平台/wwwc0b7linuxidcc0b7com/rssFeed.aspx

本文永久更新链接地址ag娱乐平台/wwwc0b7linuxidcc0b7com/Linux/2019-04/157972.htm

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

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
日本人疯抢羽生结弦纪念邮票 竟挤爆邮局网站 高校校车下雪天拒载学生只载老师 校方:就不管 普京与阿萨德会谈:外国武装力量应从叙撤出 日媒称中国积极发展人工智能:百姓生活正发生改变 走出换血阵痛 李盈莹助天津女排再显十冠王实力 卡戴珊男人出轨对象被扒!他这也算忠贞了(图) AI携手5G 打造改变世界的“核动力” 日本央行购股模式有变 引发“隐形削减”猜测 美国常驻联合国代表:俄永远都不会成为美国的朋友 内蒙古赤峰敖汉旗发生3.5级地震 震源深度15千米 央视曝光国乒保送U21进世乒赛 球迷叹后继无人 丹麦发明家潜艇上残杀女记者被判终身监禁
巴黎队长谈新帅:虽然是德国人 但战术却很巴西 美国中期选举将至 亚太裔选民在选举中地位日益重要 欧盟对华硕等4家公司罚款1.3亿美元 涉嫌操控价格 我军队人大代表谈组建退役军人事务部:应受尊崇 耀才证券陈伟聪:港股后市仍欠缺明确方向 映美杯国象甲级联赛第二站(南京站)外援名单 联想事件背后的5G标准之争:三大阵营专利互相渗透 本周美联储议息 美股窄幅波动 贾跃亭股权质押全线违约 从此与乐视或成陌路 中国火星探测器气动设计已完成 正在进行试验验证 印度男子用冰柜冷冻母亲尸体3年 疑为骗领养老金 阿森纳官方宣布6年老臣离队 已因伤休战19个月
曝博格巴想回尤文联手C罗 经纪人已通知曼联想走 中国资本市场不应让BATJ远走海外 作业类App成传统教学补充 如何为家庭作业“减负”? 普利司通公开赛小祝樱领先首轮 卢晓晴T3鲁婉遥T5 多特官方宣布今夏第一签 签约瑞士国门至2021年 热火教父盼韦德能续约归队 但钱是一个大问题 11国签署简化版TPP 保留TPP超过95%内容 王毅:若中日关系持续改善 高层往来自然水到渠成 19记三分射爆东部第八!骑士的状元签又走远了 昆明市政府工作报告:今年推进嵩明和宜良撤县设市 詹姆斯身边最大毒瘤!有他骑士从第2掉到第28 法国马赛接连发生命案 警方忧血腥暴力引清算仇杀 外交部:提醒在马尔代夫公民加强安全防范 ag娱乐平台