📜  角度7 |安装

📅  最后修改于: 2021-05-13 19:58:43             🧑  作者: Mango

要在计算机上安装Angular 7,您必须在计算机上安装以下内容。

  • 安装Visual Studio Code IDE或JetBrains WebStorm。
  • 安装Node.js
  • 使用npm安装Angle CLI

请按照以下步骤设置Angular 7环境:

  • 步骤1:安装Visual Studio Code IDE(或JetBrains WebStorm)
    Visual Studio Code轻便且易于设置,它具有多种内置的IntelliSense功能。它是免费使用的。它还提供了大量扩展,这些扩展将显着提高性能。
    点击链接下载
    • VS代码单击此处下载
    • JetBrains WebStorm单击此处
  • 步骤2:安装Node.js
    加载特定页面时,Node.js管理npm依赖项支持某些浏览器。它提供了运行Angular项目所需的库。它还为localhost(本地计算机)上的运行时环境提供服务。
    要在此处下载Node.js Clcik,请遵循以下屏幕截图。

  • 步骤3:使用npm安装angular cli
    打开VS Code IDE ,选择项目路径的文件夹,然后通过选择File-> Open Folder在VS Code上打开它。
    运行以下命令以安装Angular CLI:
npm install -g @angular/cli

  • 它将从ng命令加载的角度加载cli,以执行进一步的操作。

要创建Angular应用,请按照Angular cli安装后的步骤进行操作:

  • 步骤1:制作和运行FirstApp
    现在,借助CLI,我们准备开始构建新的默认项目。为此,在终端上编写以下命令。
ng new 
  • 例如:ng新的FirstApp

  • 这将创建所有设置和文件以及默认的角度页面。注意该图,对于每个项目,它询问是否启用路由以及我们要选择的样式(CSS,SCSS,Stylus)。如果应用程序包含多个链接的组件,则选择“是”进行路由。完成所有操作后,我们将在左目录列中看到一个名为FirstApp的目录。

  • 步骤2:现在在本地服务器上运行它。为此,首先使用cd命令导航到项目文件夹,然后在终端上输入以下命令。
cd FirstApp
  • -o标志用于自动打开浏览器:
  • o代表开放。
ng serve -o