angular-cli开始使用angular-cli


备注

本节概述了angular-cli是什么,以及开发人员可能想要使用它的原因。

它还应该提到angular-cli中的任何大型主题,并链接到相关主题。由于angular-cli的文档是新的,您可能需要创建这些相关主题的初始版本。

角度CLI - 基本步骤

  1. 您需要安装node.js - https://nodejs.org/en/
  2. npm install -g @ angular / cli - 通过在终端中执行此命令来安装CLI
  3. ng new projectname - 在终端中执行此命令后,您将在当前文件夹中创建一个名为projectname的新子文件夹。
  4. cd projectname - 转到项目所在的子文件夹
  5. ng serve - 运行项目。它将在http:// localhost:4200上提供

通过开发服务器生成和服务Angular项目

创建新项目的ng new [project-name] ,该ng new [project-name] 通过npm初始化git.Install包以进行工​​具化。它成功地创建了项目。

cd [project-name] 并执行npm startng serve

它将在给定的默认端口中运行服务器。

应用程序将根据目录中所做的更改进行刷新。可以使用以下命令更改默认HTTP端口和LiveReload服务器使用的端口

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
 

安装或设置

注意: Angular CLI版本正在快速开发中。本文档针对最新版本。


先决条件

要执行和使用最新版本,Angular CLI和项目具有需要节点v6.9.0或更高版本的依赖项。


建立

确保安装了与CLI兼容的节点版本

全局安装Angular CLI。它安装了最新版本。

npm i @angular/cli -gyarn global add @angular/cli ,具体取决于使用的包管理器。


ng help 命令将提供可执行命令