Skip to content

Commit

Permalink
i18n(pt-BR): Update aliases.mdx translation (withastro#8040)
Browse files Browse the repository at this point in the history
Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>
  • Loading branch information
2 people authored and wpplumber committed May 9, 2024
1 parent e7c37a2 commit c20d52f
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions src/content/docs/pt-br/guides/aliases.mdx
@@ -1,11 +1,11 @@
---
title: Atalhos
description: Uma introdução aos atalhos com Astro.
title: Aliases
description: Uma introdução aos aliases com Astro.
---

Um **alias** é uma maneira de criar atalhos para as suas importações.

Atalhos podem ajudar a melhorar a experiência de desenvolvimento em bases de código com muitos diretórios ou importações relativas.
Os aliases podem ajudar a melhorar a experiência de desenvolvimento em bases de código com muitos diretórios ou importações relativas.

```astro title="src/pages/sobre/empresa.astro" del="../../components" del="../../assets"
---
Expand All @@ -14,10 +14,10 @@ import logoUrl from '../../assets/logo.png?url';
---
```

Neste exemplo, um desenvolvedor precisaria entender a árvore de relação entre `src/pages/sobre/empresa.astro`, `src/components/controles/Botao.astro` e `src/assets/logo.png`. E então, se o arquivo `empresa.astro` for movido para outro diretório, estas importações precisariam ser atualizadas.
Nesse exemplo, um desenvolvedor precisaria entender a relação de árvore entre `src/pages/sobre/empresa.astro`, `src/components/controles/Botao.astro` e `src/assets/logo.png`. E então, se o arquivo `empresa.astro` fosse movido, essas importações também precisariam ser atualizadas.


Você pode adicionar um atalho de importação em `tsconfig.json` ou `jsconfig.json`.
Você pode adicionar aliases de importação a partir de `tsconfig.json` ou `jsconfig.json`.

```json title="tsconfig.json" ins={5-6}
{
Expand All @@ -35,13 +35,13 @@ Você pode adicionar um atalho de importação em `tsconfig.json` ou `jsconfig.j
Certifique-se de que `compilerOptions.baseUrl` foi definido para que assim os caminhos com aliases sejam resolvidos.
:::

Com esta alteração, você pode usar o atalho para importar seus arquivos em qualquer lugar do projeto:
O servidor de desenvolvimento será reiniciado automaticamente após essa alteração de configuração. Agora você pode importar usando os aliases em qualquer lugar do seu projeto:

```astro title="src/pages/sobre/empresa.astro" ins="@components" ins="@assets"
---
import Botao from '@components/Botao.astro';
import logoUrl from '@assets/logo.png';
import logoUrl from '@assets/logo.png?url';
---
```

Estes atalhos são automaticamente integrados ao [VS Code](https://code.visualstudio.com/docs/languages/jsconfig) e a outros editores.
Esses aliases também são integrados automaticamente ao [VS Code](https://code.visualstudio.com/docs/languages/jsconfig) e a outros editores.

0 comments on commit c20d52f

Please sign in to comment.