Extensão Oficial do VS Code

Visão Geral

Intlayer é a extensão oficial do Visual Studio Code para Intlayer, projetada para melhorar a experiência do desenvolvedor ao trabalhar com conteúdo localizado em seus projetos.

Link da extensão: https://marketplace.visualstudio.com/items?itemName=Intlayer.intlayer-vs-code-extension

Funcionalidades

Navegação Instantânea

Suporte a Ir para Definição – Use Cmd+Click (Mac) ou Ctrl+Click (Windows/Linux) em uma chave useIntlayer para abrir instantaneamente o arquivo de conteúdo correspondente.
Integração Fluida – Funciona perfeitamente com projetos react-intlayer e next-intlayer.
Suporte Multilíngue – Suporta conteúdo localizado em diferentes idiomas.
Integração com VS Code – Integra-se suavemente com a navegação e a paleta de comandos do VS Code.

Comandos de Gerenciamento de Dicionários

Gerencie seus dicionários de conteúdo diretamente do VS Code:

• Construir Dicionários (extension.buildDictionaries) – Gera arquivos de conteúdo com base na estrutura do seu projeto.
• Enviar Dicionários (extension.pushDictionaries) – Envia o conteúdo mais recente do dicionário para o seu repositório.
• Puxar Dicionários (extension.pullDictionaries) – Sincroniza o conteúdo mais recente do dicionário do seu repositório para o seu ambiente local.

Gerador de Declaração de Conteúdo

Gere facilmente arquivos de dicionário estruturados em diferentes formatos:

• TypeScript (.ts) – extension.createDictionaryFile.ts
• ES Module (.esm) – extension.createDictionaryFile.esm
• CommonJS (.cjs) – extension.createDictionaryFile.cjs
• JSON (.json) – extension.createDictionaryFile.json

Instalação

Você pode instalar o Intlayer diretamente no Marketplace do VS Code:

1. Abra o VS Code.
2. Vá para o Marketplace de Extensões.
3. Procure por "Intlayer".
4. Clique em Instalar.

Alternativamente, instale via linha de comando:

code --install-extension intlayer

Uso

Navegação Rápida

1. Abra um projeto que utilize react-intlayer.

2. Localize uma chamada para useIntlayer(), como:

   tsx

   Copiar código

   Copiar o código para a área de transferência

   const content = useIntlayer("app");

3. Command-click (⌘+Click no macOS) ou Ctrl+Click (no Windows/Linux) na chave (por exemplo, "app").
4. O VS Code abrirá automaticamente o arquivo de dicionário correspondente, por exemplo, src/app.content.ts.

Gerenciando Dicionários de Conteúdo

Construindo Dicionários

Gere todos os arquivos de conteúdo do dicionário com:

Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux)

Procure por Build Dictionaries e execute o comando.

Enviando Dicionários

Faça upload do conteúdo mais recente do dicionário:

1. Abra a Paleta de Comandos.
2. Procure por Push Dictionaries.
3. Selecione os dicionários para enviar e confirme.

Baixando Dicionários

Sincronize o conteúdo mais recente do dicionário:

1. Abra a Paleta de Comandos.
2. Procure por Pull Dictionaries.
3. Escolha os dicionários para baixar.

Desenvolvimento & Contribuição

Quer contribuir? Agradecemos contribuições da comunidade!

URL do repositório: https://github.com/aymericzip/intlayer-vs-code-extension

Começando

Clone o repositório e instale as dependências:

git clone https://github.com/aymericzip/intlayer-vs-code-extension.gitcd intlayer-vs-code-extensionnpm install

Use o gerenciador de pacotes npm para compatibilidade com o pacote vsce para construir e publicar a extensão.

Executar no Modo de Desenvolvimento

1. Abra o projeto no VS Code.
2. Pressione F5 para iniciar uma nova janela Extension Development Host.

Enviar um Pull Request

Se você melhorar a extensão, envie um PR no GitHub.

Feedback & Problemas

Encontrou um bug ou tem uma solicitação de recurso? Abra uma issue em nosso repositório do GitHub:

GitHub Issues

Licença

O Intlayer é lançado sob a Licença MIT.

Histórico da Documentação

• 5.5.10 - 2025-06-29: Histórico inicial