Angular教程

Angular CLI命令

Angular CLI是一个命令行界面工具,用于初始化,开发,构建和维护Angular应用程序。您可以直接在命令提示符下使用这些命令,也可以通过交互式UI(即Angular Console)间接使用这些命令。
命令 Alias 说明
add 它用于在项目中添加对外部库的支持。
build b 它将Angular应用编译到给定输出路径下名为dist/的输出目录中。必须在工作空间目录中执行。
config 它将在工作区的angular.json文件中检索或设置Angular配置值。
doc d 它将在浏览器中打开正式的Angular文档(angular.io),并搜索给定的关键字。
e2e e 它会构建并提供Angular应用程序,然后使用量角器运行端到端测试。
generate g 它根据原理图生成和/或修改文件。
help 它提供了可用命令及其简短说明的列表。
lint l 它用于在给定项目文件夹中的Angular应用程序代码上运行linting工具。
new n 它将创建一个新的工作区和一个初始Angular应用。
run 它将运行带有在项目中定义的可选自定义构建器配置的Architect目标。
serve s 它将构建并提供您的应用,并根据文件更改进行重建。
test t 它在项目中运行单元测试。
update 它将更新您的应用程序及其依赖项。参见https://update.angular.io/
version v 它输出Angular CLI版本。
xi18n 它从源代码中提取i18n消息。

ng add命令

ng add命令用于向您的项目添加对外部库的支持。它将发布的库的npm包添加到您的工作区,并使您的默认应用程序项目以该库的示意图指定的任何方式使用该库。例如,如果添加@ angular/pwa,则它将为PWA支持配置项目。
默认应用项目是angular.json中defaultProject的值。
所有Angular CLI命令

语法:

ng add <collection> [options]

参数说明:

: 它指定要添加的软件包。

选项

-defaults = true | false: : 为true时,它将禁用具有默认选项的交互式输入提示。
-help = true | false | json | JSON: 用于在控制台中显示帮助消息。默认值: false
-interactive = true | false: 为false时,它将禁用交互式输入提示。

ng build Command

ng build命令用于将Angular应用编译到给定输出路径下名为dist/的输出目录中。它必须在工作空间目录中执行。

语法:

ng build <project> [options]
ng b <project> [options]

参数说明:

<project>: 它指定要构建的项目的名称。可以是应用程序或库。

选项

-aot = true | false: 它使用Ahead of Time构建汇编。默认值: false
-baseHref = baseHref: 它指定要构建的应用程序的基本URL。
-buildEventLog = buildEventLog: (实验性的)构建事件协议事件的输出文件路径。
-buildOptimizer = true | false: 它启用" @ angular-devkit/build-optimizer"使用" aot"选项时的优化。默认值: false
-commonChunk = true | false: : 它使用一个单独的包,其中包含跨多个包使用的代码。默认值: true
-configuration = configuration: 一个命名的构建目标,如angular.json的"配置"部分中所指定。每个命名的目标都有该目标的默认选项配置。
Aliases: -c
-deleteOutputPath = true | false: 用于在构建之前删除输出路径。默认值: true
-deployUrl = deployUrl: 将在其中部署文件的URL。
-es5BrowserSupport = true | false: 启用有条件加载的ES2015 polyfill。默认值: false
-extractCss = true | false: 用于从全局样式中将css提取到css文件中,而不是js文件中。默认值: false
-extractLicenses = true | false: 用于将所有许可证提取到单独的文件中。默认值: false
-forkTypeChecker = true | false: : 它用于在分支过程中运行TypeScript类型检查器。默认值: true
-help = true | false | json | JSON : 用于在控制台中显示此命令的帮助消息。默认值: false
-i18nFile = i18nFile: 用于i18n的本地化文件。
-i18nFormat = i18nFormat: 用--i18n文件指定的本地化文件的格式。
-i18nLocale = i18nLocale: 用于i18n的语言环境。
-i18nMissingTranslation = i18nMissingTranslation: 如何处理i18n缺少的翻译。
-index = index: 索引HTML文件的名称。
-lazyModules: : 将被延迟加载的其他NgModule文件的列表。会自动发现惰性路由器模块。
-main = main: 相对于当前工作空间的应用主入口点的完整路径。
-namedChunks = true | false: 将文件名用于延迟加载的块默认: true
-ngswConfigPath = ngswConfigPath: 的路径ngsw-config.json。
-optimization = true | false: 启用对构建输出的优化。
-outputHashing = none | all | media | bundles: : 定义输出文件名缓存无效散列模式。
Default: none
-outputPath = outputPath: 相对于当前工作空间的新输出目录的完整路径。
默认情况下,将输出写入当前项目中名为dist/的文件夹。
--poll: 启用并定义文件监视轮询时间段(以毫秒为单位)。
-polyfills = polyfills: polyfills文件的完整路径,相对t
-preserveSymlinks = true | false: : 解析模块时不要使用真实路径。
Default: false
-prod = true | false: : 为true时,将构建配置设置为生产目标。所有建筑都利用捆绑和有限的摇树。生产版本还可以消除有限的死代码。
-profile = true | false: Chrome浏览器的输出配置文件事件。
Default: false
-progress = true | false: 在构建时将进度记录到控制台。
-resourcesOutputPath = resourcesOutputPath: 相对于outputPath放置样式资源的路径。
-serviceWorker = true | false: 生成用于生产构建的服务工作者配置。默认值: false
-showCircularDependencies = true | false: 在构建中显示循环依赖项警告。默认值: true
-sourceMap = true | false: 用于显示输出源地图。
Default: true
-statsJson = true | false: : 它会生成一个" stats.json"文件,可以使用以下工具对其进行分析: webpack-bundle-analyzer或https://webpack.github.io/analyse。
Default: false
-subresourceIntegrity = true | false: 。它启用子资源完整性验证。
Default: false
-tsConfig = tsConfig: TypeScript配置文件相对于当前工作空间的完整路径。
--vendorChunk = true | false: : 它使用仅包含供应商库的单独捆绑软件。
Default: true
-verbose = true | false: 它向输出日志记录添加更多详细信息。
Default: false
-watch = true | false: 。当文件更改时,它将运行build。
Default: false

ng config命令

ng config c ommand用于在工作区的angular.json文件中检索或设置Angular配置值。

语法:

ng config <jsonPath> <value> [options]

参数说明:

<jsonPath>: 以JSON路径格式设置或查询的配置密钥。例如: " a[3] .foo.bar[2]"。如果未提供新值,则返回此键的当前值。
:如果p

选项

-global = true | false: : 为true时,它访问呼叫者主目录中的全局配置。
Default: false
Aliases:-g
-help = true | false | json | JSON: 用于在控制台中显示此命令的帮助消息。
Default: false

ng doc Command

ng doc命令用于在浏览器中打开Angular官方文档(angular.io),并搜索给定的关键字。

语法:

ng doc <keyword> [options]
ng d <keyword> [options]

参数说明:

<关键字> : 它用于指定要搜索的关键字,如角度搜索栏中所提供。 io。

选项

-help = true | false | json | JSON: 用于显示有关以下内容的帮助消息
默认值: false
-search = true | false: 为true时,它将搜索所有angular.io。否则,仅搜索API参考文档。
default: false
Aliases:-s

ng e2e命令

它用于构建和服务Angular应用,然后使用量角器运行端到端测试。

语法:

ng e2e <project> [options]     
ng e <project> [options]
必须从工作空间目录中执行。当您未指定项目名称时,它将对所有项目执行。

参数说明:

<project>: 指定要构建的项目的名称。可以是应用程序或库。

选项

-baseUrl = baseUrl: 它指定量角器要使用的基本URL
-configuration = configuration: 。它用于指定命名的构建目标,如angular.json的"配置"部分所指定。每个命名的目标都有该目标的默认选项配置。
Aliases:-c
-devServerTarget = devServerTarget: 它指定开发服务器
-elementExplorer = true | false: : 它将启动Protractor的Element Explorer进行调试。
Default: false
-help = true | false | json | JSON: : 它在控制台中显示此命令的帮助消息。
Default: false
-host = host: 要监听的主机。
Default: localhost
-port:
-prod = true | false: : 为true时,它将构建配置设置为生产目标。所有建筑都利用捆绑和有限的摇树。生产版本还运行有限的死代码消除。
-protractorConfig = protractorConfig: 它指定了Protractor配置文件的名称。
--specs: 它将覆盖量角器配置中的规范。
-suite = suite: 它将覆盖量角器配置中的套件。
-webdriverUpdate = true | false: 用于更新Webdriver。
Default: true

ng generate Command

ng generate命令用于根据原理图生成和/或修改文件。
ng generate <schematic> [options]
ng g <schematic> [options]

参数说明:

<schematic>: 它指定要生成的示意图或集合,示意图。它可以采用以下子命令之一。
appShell application class component directive enum guard interface library module pipe service serviceWorker universal
示意图命令说明

appShell:

它用于生成用于运行服务器的应用程序外壳程序版本的应用程序。

语法:

ng generate appShell [options]
ng g appShell [options]

application

它用于在工作区的"项目"子文件夹中创建新的基本应用程序定义。

语法:

ng generate application <name> [options]
ng g application <name> [options]

class

它用于在给定或默认项目中创建新的通用类定义。

语法:

ng generate class <name> [options]
ng g class <name> [options]

component

它用于在给定或默认项目中创建新的通用组件定义。

语法:

ng generate component <name> [options]
ng g component <name> [options]

directive

它用于在给定或默认项目中创建新的通用指令定义。

语法:

ng generate directive <name> [options]
ng g directive <name> [options]

enum

它用于为给定或默认项目创建新的通用枚举定义。

语法:

ng generate enum <name> [options]
ng g enum <name> [options]

enum

它用于为给定或默认项目创建新的通用枚举定义。

语法:

ng generate enum <name> [options]
ng g enum <name> [options]

guard

它用于在给定或默认项目中生成新的通用路由保护定义。

语法:

ng generate enum <name> [options]
ng g enum <name> [options]

interface

它用于在给定或默认项目中创建新的通用接口定义。

语法:

ng generate interface <name> <type> [options]
ng g interface <name> <type> [options]

library

它用于在当前工作空间中创建一个新的通用库项目。

语法:

ng generate library <name> [options]
ng g library <name> [options]

module

它用于在给定或默认项目中创建新的通用NgModule定义。

语法:

ng generate module <name> [options]
ng g module <name> [options]

pipe

它用于在给定或默认项目中创建新的通用管道定义。

语法:

ng generate pipe <name> [options]
ng g pipe <name> [options]

service

它用于在给定或默认项目中创建新的通用服务定义。

语法:

ng generate service <name> [options]
ng g service <name> [options]

serviceWorker

这用于将原理图传递给"运行"命令以创建服务工作者。

语法:

ng generate serviceWorker [options]
ng g serviceWorker [options]

universal

此命令用于将该原理图传递给"运行"命令,以设置应用的服务器端呈现。

语法:

ng generate universal [options]
ng g universal [options]

选项

-defaults = true | false: 设置为true时,它将禁用交互式输入提示(默认选项)。
-dryRun = true | false: 为true时,它将运行并报告活动,而不会写出结果。
Default: false
Aliases:-d
-force = true | false: 为true时,它将强制覆盖现有文件。
Default: false
Aliases:-f
-help = true | false | json | JSON: : 用于在控制台中显示帮助消息。
Default: false
-interactive = true | false: 为false时,它将禁用交互式输入提示。

昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4