String Autocomplete from JSON

Code completion in strings based on a JSON, with simple configuration and no import of the JSON required.

The primary use case for this extension is localization JSON files like in ngx-translate but it can be used in other scenarios.

Features

Code completion

JSON key suggestions inside a string

Go to definition

Press F12 or Ctrl+Click on a key inside a string to jump to the JSON file with its definition

Find references

Press Shift+F12 on a key in a JSON file to find all files containing strings with that key

Rename symbol

Press F2 to rename a key everywhere (from the JSON source or from a reference)

Extension Settings

This extension contributes the following settings in .vscode/settings.json:

• string-autocomplete.config: mapping of JSON files and files in which to provide code completion:
  • sourcePath is the path of the source JSON file. It can be either absolute or relative to workspace root directory.
  • destinationPattern is a Glob pattern of files to provide the code completion in.

For example:

"string-autocomplete.config": [
    {
        "sourcePath": "src/assets/keys.json",
        "destinationPattern": "src/app/**/*.{ts,html}"
    },
    {
        "sourcePath": "src/assets/locale.json",
        "destinationPattern": "src/components/**/*.jsx"
    }
]