This extension should be used in an Angular project that uses angular translation library ngx-translate @ngx-translate.
This is created using the existing extensions ngx-translate-zombies resource-peek ngx-translate-quickcreate
-
Hover on a translation key to displays values from all language files (normally located in a [language-code].json file).
-
Suggests keys from en.json for autocomplete in both
HTML&typescrptfiles -
Ctrl+Click on translation keys to go to value/peek at all translation files.
-
Open QuickAction (hit F1)
| Command | Description | Fumtion |
|---|---|---|
ngxu.createTranslation |
NGX-Translate: Generate Translation code snippet. |
- Turns selected text into a ngx-translate snippet string and pipe. Incase of new key the "KEY": "VALUE" string is copied to clipboard for [defaultLanguage].json file. |
ngxu.zombies |
NGX-Translate: Find Unused translations in this file. |
When having a ngx-translate translation(lang file) file. A diff editor will be openend showing the unused keys. |
ngxu.organize |
Organize translations in this file with base language file |
When having a ngx-translate translation(lang file) file. Prompts to Save or Open diff editor. |
ngxu.missed |
Find Missing translations in this file after oraganizing with base |
When having a ngx-translate translation(lang file) file. A diff editor will be openend showing the missed keys. |
Angular project with ngx-translate
| Setting | Description | Default value |
|---|---|---|
ngx-translate-utils.langFileFolderPath |
Base Location for i18n json files folder | **/src/assets/i18n/ |
ngx-translate-utils.includeAll |
Consider all language files to lookup | false |
ngx-translate-utils.defaultLang |
Language file to lookup for autocomplete suggestions example: en, en-US, de, en-IN etc | en |
ngx-translate-utils.autocapitalize |
Automatically capitalize the translation string key - only applies in snake case mode | true |
ngx-translate-utils.caseMode |
Type of case to use for translation string - options are 'camel' and 'snake' | snake |
ngx-translate-utils.replaceOnTranslate |
Replace the selected text after generating a translation string | true |
ngx-translate-utils.translatePipeName |
The name of the pipe to handle the translation | translate |
ngx-translate-utils.translatePlaceholder |
The code block to handle the translation in ts files | this.translateService.instant({key}) |
ngx-translate-utils.translateJSONPlaceholder |
The code block to handle the translation in json files | {key} |
ngx-translate-utils.quote |
Which quote to use around the inserted translation key | ' |
ngx-translate-utils.padding |
Add spaces inside the curly bracket pair | true |
ngx-translate-utils.promptForOrganize |
Open diff window with changes to do for organizing language File | true |
ngx-translate-utils.ignorePatternForGenerate |
Regex of vals to ignore while generating translation snippet | ```\s?(\n |