如何在Ubuntu 20.04 LTS上安装Angular

Ubuntu 20.04 LTS Focal Fossa上安装Angular

步骤1.首先,通过apt在终端中运行以下以下命令,确保所有系统软件包都是最新的。

sudo apt update
sudo apt upgrade

步骤2.安装Node.js。

从Node Source安装Node.js和npm。您只需要为要安装的版本添加PPA:

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

要安装,请运行以下命令:

sudo apt install nodejs

接下来,通过运行以下命令将npm版本更新为最新版本:

npm install npm@latest -g

完成后,通过运行以下命令验证安装:

node --version
npm --version

步骤3.在Ubuntu 20.04上安装Angular。

运行以下命令以在系统上安装Angular CLI工具:

npm install -g @angular/cli

安装后,使用以下命令验证Angular的安装版本:

$ ng --version

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


Angular CLI: 10.1.1
Node: 14.10.1
OS: linux x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1001.1
@angular-devkit/core         10.2.1
@angular-devkit/schematics   10.2.1
@schematics/angular          10.2.1
@schematics/update           0.1001.2
rxjs                         6.6.4

步骤4.创建一个新的Angular应用程序。

现在我们已经安装了Angular,我们可以为新应用程序创建一个基本的脚手架。我们将使用新安装的Angular CLI来完成此任务:

ng new idroot

首先,进入为我们的应用程序新创建的目录:

cd idroot
ng serve --host your-server-ip --port 8088

步骤5.访问Angular Web界面。

已部署Angular项目并在端口8088上侦听。您可以使用URL进行访问。您应该看到以下屏幕:http://your-server-ip-address:8088

Angular-web-interface-1

恭喜你!您已经成功安装了Angular。感谢您使用本教程在Ubuntu 20.04 LTS Focal Fossa系统中安装Angular。有关其他帮助或有用信息,我们建议您检查Angular官方网站

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun40792.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
上一篇 2021年3月5日 下午10:06
下一篇 2021年3月6日 上午1:00

相关推荐