如何在Debian 10/9/8上安装Angular CLI

时间:2019-05-19 01:26:18  来源:igfitidea点击:

Angular是一个框架、库、资源和实用程序。它跟踪所有组件并定期检查其更新。
本教程将在Debian 10 Buster、Debian 9 Stretch和Debian 8 Linux系统上安装Angular CLI工具。

步骤1–安装Node.js

首先,我们需要在系统上安装node.js。使用以下命令在你的Debian系统中配置node.js PPA 并安装。

sudo apt-get install software-properties-common
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install nodejs

确保在系统中已成功安装node.js和NPM

node --version
npm --version

步骤2–在Debian上安装Angular/CLI

完成后Node.js在系统上安装,使用以下命令在系统上全局安装Angular CLI工具。

npm install -g @angular/cli

上面的命令将在Debian系统上安装最新的可用Angular CLI版本。要安装特定的Angular版本,请运行命令,如下所示,并输入版本号。

npm install -g @angular/Hyman@theitroad  6       #Angular 6
npm install -g @angular/Hyman@theitroad  7      #Angular 7
npm install -g @angular/Hyman@theitroad  8      #Angular 8
npm install -g @angular/Hyman@theitroad  9       #Angular 9

使用上面的-g命令将全局安装Angular CLI工具。因此系统上的所有用户和应用程序都可以访问它。Angular CLI提供用于命令行操作的命令“ng”。让我们检查一下我们系统上安装的ng版本。

$ ng --version

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

Angular CLI: 8.1.3
Node: 12.7.0
OS: linux x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.801.3
@angular-devkit/core         8.1.3
@angular-devkit/schematics   8.1.3
@schematics/angular          8.1.3
@schematics/update           0.801.3
rxjs                         6.4.0

步骤3–创建新的Angular应用程序

现在,使用Angular CLI工具创建一个名为hello-angular4的新应用程序。执行以下命令:

ng new hello-angular4

输出:

...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 55.774s
found 0 vulnerabilities

    Successfully initialized git.

这将在当前目录中创建一个名为hello-angular4的目录,并创建一个应用程序。

步骤4-发布Angular应用

基本的Angular应用程序已经准备就绪。将目录更改为hello-angular4并使用ng serve命令运行Angular应用程序。

cd hello-angular4
ng serve

我们可以在localhost端口4200上访问angular应用程序,该端口是angular应用程序使用的默认主机和端口。

http://localhost/:4200

我们可以通过提供–host和–port命令行参数来更改运行Angular应用程序的主机和端口。

ng serve --host 0.0.0.0 --port 8080

IP地址0.0.0.0监听所有接口。

总结

我们已经成功安装了Angular CLI并创建了一个示例应用程序。