在下一篇文章中,我们将看一下Angular CLI。 万一你还是不知道 Angular是一个开源前端应用程序开发框架,受欢迎且高度可扩展。 它可以用于使用TypeScript,JavaScript和其他常见语言来构建移动和Web应用程序。 Angular是AngularJS之后的所有Angular版本的总称。
此开发框架非常适合从头开始构建应用程序,范围从小到大。 Angular平台的关键组件之一 Angular CLI实用程序可帮助开发应用程序。 这是一个简单易用的命令行工具。 它用于创建,管理,构建和测试使用Angular创建的应用程序。
在下面的几行中,我们将了解如何 在我们的Ubuntu 19.04系统上安装Angular命令行工具。 我们还将看到此工具的基本示例。
在Ubuntu上安装Node.js
安装Angular CLI 必须在系统上安装最新版本的Node.js和NPM。 为此,我们只需要打开一个终端(Ctrl + Alt + T)并输入以下内容即可:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
另外,要编译和安装本机NPM插件, 我们可能需要在系统上安装开发人员工具。 为此,在同一终端中,我们将执行以下操作:
sudo apt install -y build-essential
在Ubuntu 19.04上安装Angular CLI
如前所述,在安装完Node.js和NPM之后,我们将能够 使用npm软件包管理器安装Angular CLI 如下。 在这种情况下, -g 这意味着我们将在整个系统中安装该工具,以供所有用户使用。
sudo npm install -g @angular/cli
安装完成后,我们可以 使用ng可执行文件启动Angular CLI 现在应该将其安装在我们的系统上。 在终端(Ctrl + Alt + T)中执行以下命令,以验证安装的Angular CLI的版本:
ng --version
使用Angular CLI创建项目
现在让我们看看如何创建,构建和服务一个新的基本Angular项目。 第一的, 我们将转到webroot目录 从我们的服务器。 然后,我们将创建一个新的Angular应用程序,如下所示:
cd /var/www/html/ sudo ng new ubunlog-app
我们将不得不决定是否要与Angular团队共享匿名数据。 我们继续转到刚刚创建的应用程序的目录。 我们准备去 开始提供应用程序 如下所示:
cd ubunlog-app ng serve
前面的命令将把我们显示在屏幕上 一个链接,该链接将告诉我们如何查看正在运行的应用程序.
在我们可以从网络浏览器访问它之前, 如果正在运行防火墙服务,我们必须打开端口4200 在此配置中,如下所示:
sudo ufw allow 4200/tcp sudo ufw reload
之后,我们可以打开我们喜欢的Web浏览器,并使用终端提供的URL导航到 查看新的应用程序运行,如以下屏幕截图所示。
http://localhost:4200/
我们还可以使用另一个URL来访问我们的应用程序:
http://IP_SERVIDOR:4200
应该提到的是,如果我们使用命令“ng服务”正如我们刚刚看到的,要构建一个应用程序并在本地提供服务, 当我们更改任何源文件时,服务器会自动重建应用程序并重新加载网页.
如果我们想得到 有关ng工具的更多信息,我们可以在终端(Ctrl + Alt + T)中运行以下命令:
ng help
在本文中,我们已经看到了如何执行 在我们的Ubuntu系统上简单地安装Angular CLI,以及在开发服务器上构建,编译和提供基本应用程序的服务。
这些只是Angular CLI可以采取的最基本的第一步。 为了 查看有关Angular CLI的更多信息,我们可以咨询 项目官方网站.