如何在Ubuntu 18.04和16.04上安装Angular

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

Angular是一个框架、库、资源和实用程序。它跟踪所有组件并定期检查其更新。本教程将在Ubuntu 19.10、18.04和16.04 Linux操作系统上安装Angular CLI工具。

步骤1–安装Node.js

首先,我们需要安装node.js在你的系统上。如果你没有node.js已安装使用以下命令在系统中添加node.js PPA。

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

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

node --version
npm --version

步骤2–安装Angular/CLI

在系统上安装node.js和npm后,使用以下命令在系统上安装Angular cli工具。

npm install -g @angular/cli

最新版本的Angular CLI将安装在Ubuntu Linux系统上。你可能需要旧版本的Angular。要安装特定的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: 9.0.5
Node: 12.16.1
OS: linux x64

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

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

ng new hello-angular9

输出:

...
...
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-angular9
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并创建了一个示例应用程序。