- Angular CLI 教程
- Angular CLI - 首页
- Angular CLI - 概述
- Angular CLI - 环境设置
- Angular CLI 命令
- Angular CLI - ng version
- Angular CLI - ng new
- Angular CLI - ng help
- Angular CLI - ng generate
- Angular CLI - ng build
- Angular CLI - ng run
- Angular CLI - ng serve
- Angular CLI - ng lint
- Angular CLI - ng test
- Angular CLI - ng e2e
- Angular CLI - ng add
- Angular CLI - ng analytics
- Angular CLI - ng config
- Angular CLI - ng doc
- Angular CLI - ng update
- Angular CLI - ng xi18n
- Angular CLI - 代码覆盖率
- Angular CLI 有用资源
- Angular CLI - 快速指南
- Angular CLI - 有用资源
- Angular CLI - 讨论
Angular CLI - ng xi18n 命令
本章解释了 ng xi18n 命令的语法、参数和选项,并附带示例。
语法
ng xi18n 命令的语法如下:
ng xi18n <project> [options] ng i18n-extract <project> [options]
ng xi18n 命令从源代码中提取 i18n 消息。
参数
ng xi18n 命令的参数如下:
| 序号 | 参数 & 语法 | 描述 |
|---|---|---|
| 1 | <project> | 项目的名称。它可以是应用程序或库。 |
选项
选项是可选参数。
| 序号 | 选项 & 语法 | 描述 |
|---|---|---|
| 1 | --browserTarget=browserTarget | 要从中提取的目标。 |
| 2 | --configuration=configuration | 一个命名的构建目标,如 angular.json 的“configurations”部分中所指定。每个命名目标都伴随着该目标的选项默认值的配置。显式设置此选项将覆盖“--prod”标志。 别名:-c |
| 3 | --createCommits=true|false |
为更新和迁移创建源代码控制提交。 默认值:false 别名:-C |
| 4 | --format=xmb|xlf|xlif|xliff|xlf2|xliff2 |
生成文件的输出格式。 默认值:xlf |
| 5 | --help=true|false|json|JSON |
在控制台中显示此命令的帮助消息。 默认值:false |
| 6 | --outFile=outFile | 要输出的文件名。 |
| 7 | --outputPath=outputPath | 输出将放置到的路径。 |
| 8 | --prod=true|false | “--configuration=production”的简写。如果为 true,则将构建配置设置为生产目标。默认情况下,生产目标在工作区配置中设置,以便所有构建都使用捆绑、有限的 tree-shaking 以及有限的死代码消除。 |
| 9 | --progress=true|false |
将进度记录到控制台。 默认值:true |
首先移动到使用ng build命令更新的 Angular 项目。本章可在https://tutorialspoint.com/angular_cli/angular_cli_ng_build.htm中找到。
按如下所示更新 app.component.html:
app.component.spec.ts
<div class="content" role="main"> <span i18n>app is running!</span> </div> <app-goals></app-goals> <router-outlet></router-outlet>
现在运行 xi18n 命令。
示例
下面给出了 ng xi18n 命令的示例:
\>Node\>TutorialsPoint> ng xi18n
添加本地化支持。
\>Node\>TutorialsPoint> ng add @angular/localize Installing packages for tooling via npm. Installed packages for tooling via npm. UPDATE src/polyfills.ts (3064 bytes)
现在,ng 将在根文件夹中创建一个 messages.xlf 文件,这是一个行业标准的翻译文件。
messages.xlf
<?xml version="1.0" encoding="UTF-8" ?>
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
<file source-language="en-US" datatype="plaintext" original="ng2.template">
<body>
<trans-unit id="6226cbeebaffaec0342459915ef7d9b0e9e92977" datatype="html">
<source>app is running!</source>
<context-group purpose="location">
<context context-type="sourcefile">src/app/app.component.html</context>
<context context-type="linenumber">2</context>
</context-group>
</trans-unit>
</body>
</file>
</xliff>
广告