i18n-autocomplete
🌍 i18next Translation Key Autocomplete for VS Code
i18n-autocomplete supercharges your i18next development workflow by providing intelligent autocompletion for translation namespaces and keys.
No more typos. No more guessing. Just accurate, context-aware IntelliSense directly in your editor.
📸 Preview
🧵 Avoid this...
Broken keys in your app due to typos
✨ With this...
✨ Features
🔍 Namespace Autocompletion
Instantly complete namespace names based on your i18next configuration.
🧩 Translation Key Autocompletion
Get smart suggestions for keys inside your JSON translation files.
📁 Supports backend plugin with loadPath
Parses your i18next configuration to discover and load translation files using the loadPath option.
🛠️ Minimal Setup
Just one config required: the absolute path to your public folder, so the extension can resolve the translation files correctly.
⚠️ Currently, only loadPath is supported (not the resources inline config). Support coming soon!
⚙️ Configuration
To enable IntelliSense, the extension needs to know where your translation files live.
You must set the absolute path to your project's public folder — this is where your locales/ directory typically lives.
Option 1: Through the VS Code Settings UI
- Open the Command Palette →
Preferences: Open Settings (UI)
- Search for i18next-autocomplete: Public Path
- Set the absolute path to your
public folder
Option 2: Add it directly in your settings.json
"i18next-autocomplete.publicPath": "/Users/my-user/code/my-react-app/public/"
🤝 Contributing
Contributions are welcome and encouraged! 🙌
Whether it's fixing bugs, suggesting new features, or improving performance — feel free to open an issue or submit a PR.
To get started:
- Clone the repo
- Install dependencies:
npm install
- Run the extension in the Extension Development Host via VS Code
- Make your magic! 🪄
Made with ❤️ for i18next users.
