
- 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.tw/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>
廣告