zoukankan      html  css  js  c++  java
  • 如何在Ubuntu 20.04上安装Angular CLI?

    Angular是用于构建移动和网络应用的最流行的框架。Angular是一个开源的网络应用框架,由谷歌一个庞大的个人社区开发。截至目前,Angular 10是最新的安装版本。本教程将帮助您在Ubuntu 20.04 Linux系统上安装Angular CLI节点模块。
    1、安装Node.js
    NVM是一个在Linux系统上安装和管理node.js的命令行工具。所以首先我们需要在系统上安装nvm。用需要安装Node.js的用户登录系统,然后执行下面的命令安装nvm。
    curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash
    之后,你可以在系统上安装任何版本的node。你也可以在一个系统上安装多个node版本。执行以下命令加载环境并安装最新的node.js版本。
    源码 ~/.bashrc
    nvm install node
    上面的命令将显示你系统上安装的node和npm的版本。
    2、安装Angular CLI
    在系统上安装了node.js和npm后,请使用以下命令在系统上安装Angular cli工具。
    npm install -g @angular/cli
    最新版本的Angular CLI将安装在您的Ubuntu Linux系统上。您可能需要在计算机上使用较旧的Angular版本。要安装特定的Angular版本,请运行以下带有版本号的命令。
    npm install -g @angular/cli@8 #Angular 8
    npm install -g @angular/cli@9 #Angular 9
    npm install -g @angular/cli@10 #Angular 10
    使用-g上述命令将全局安装Angular CLI工具。因此,系统上的所有用户和应用程序都可以访问它。Angular CLI提供了ng用于命令行操作的命令。让我们检查系统上ng的安装版本。

    Angular命令行界面已安装在您的系统上。对于现有应用程序,可以开始您的工作,而忽略其余文章。
    请按照以下步骤在系统上创建新的Angular应用程序。
    3、创建新的Angular应用程序
    您可以使用ng命令来创建新的angular应用程序。使用Angular命令行工具创建名为hello-world的应用程序。在终端中执行以下命令:
    ng new hello-world
    输出:

    这将在当前目录中创建一个名为hello-world的目录,并为angular应用程序创建所有必需文件。
    4、angular应用端口设置
    您可以使用基本的Angular应用程序。切换到hello-world目录,然后使用ng serve命令运行您的angular应用程序。
    cd hello-world
    ng serve
    默认情况下,angular应用程序在端口4200上运行。您可以在端口4200上访问系统以打开angular应用程序,例如:
    http://localhost:4200
    您可以通过提供–host和–port命令行参数来更改用于运行Angular应用程序的主机和端口。
    ng serve --host 0.0.0.0 --port 8080
    IP地址0.0.0.0在所有接口上监听并且可以公共访问。
    总结
    在本教程中,您学习了将angular命令行实用程序安装为节点包。本教程还帮助您创建一个新的angular应用程序。现在,访问此处以在Apache服务器后面配置angular应用程序。A5互联https://www.a5idc.net/

  • 相关阅读:
    桥梁模式
    原型模式
    css backgroundposition
    eclipse配置了maven,项目报错
    SQL 练习题目
    Springmvc + Ibatis 搭建 点餐系统
    Delphi 性能优化工具
    Delphi的接口陷阱
    delphi 内存管理,定期释放
    Delphi制作数据感知控件之浮想联翩
  • 原文地址:https://www.cnblogs.com/a5idc/p/13677119.html
Copyright © 2011-2022 走看看