Skip to content

Commit

Permalink
i18n(pt-BR): Update editor-setup.mdx translation (#8039)
Browse files Browse the repository at this point in the history
Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>
  • Loading branch information
Egpereira and yanthomasdev committed Apr 29, 2024
1 parent 393e60e commit 535b7c1
Showing 1 changed file with 12 additions and 11 deletions.
23 changes: 12 additions & 11 deletions src/content/docs/pt-br/editor-setup.mdx
Expand Up @@ -6,7 +6,6 @@ i18nReady: true
import Badge from '~/components/Badge.astro';
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'


Customize seu editor de código para melhorar a sua experiência de desenvolvimento com Astro e desfrute de novas funcionalidades.

## VS Code
Expand All @@ -17,30 +16,32 @@ Astro funciona com qualquer editor de código. Porém, VS Code é o nosso editor

- Syntax highlighting para arquivos `.astro`.
- Informação de tipos do TypeScript para arquivos `.astro`.
- [VS Code Intellisense](https://code.visualstudio.com/docs/editor/intellisense) para acabamento de código, dicas e mais.
- [VS Code Intellisense](https://code.visualstudio.com/docs/editor/intellisense) para complementação de código, dicas e mais.

Para começar, instale a [extensão Astro para VS Code](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) hoje.

📚 Veja como [configurar TypeScript](/pt-br/guides/typescript/) em seu projeto Astro.
import ReadMore from '~/components/ReadMore.astro';

<ReadMore>Veja como [configurar TypeScript](/pt-br/guides/typescript/) em seu projeto Astro.</ReadMore>

## IDEs da JetBrains

Suporte inicial para Astro foi lançado no WebStorm 2023.1. Você pode instalar o plugin oficial no [JetBrains Marketplace](https://plugins.jetbrains.com/plugin/20959-astro) ou pesquisando por "Astro" na aba de Plugins da IDE. Este plugin inclui funcionalidades como syntax highlighting, code completion e formatação, com planos para adicionar funcionalidades ainda mais avançadas no futuro. Ele está também disponível em todos as outras [IDEs da JetBrains com suporte para JavaScript](https://www.jetbrains.com/products/#lang=js&type=ide).

A futura [IDE Fleet](https://www.jetbrains.com/fleet/) da JetBrains inclui suporte para servidores de linguagem e será capaz de utilizar as ferramentas oficiais do Astro.

## Outros Editores de Código

Nossa espetacular comunidade mantém várias extensões para outros editores populares, incluindo:

- [Extensão para VS Code na Open VSX](https://open-vsx.org/extension/astro-build/astro-vscode) <span style="margin: 0.25em;"><Badge variant="accent">Oficial</Badge></span> - A extensão oficial do Astro para VS Code, disponível no registro Open VSX para plataformas abertas como [VSCodium](https://vscodium.com/)
- [Extensão para Nova](https://extensions.panic.com/extensions/sciencefidelity/sciencefidelity.astro/)<span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> - Providencia syntax highlighting e completação de código para Astro dentro do Nova
- [Plugin para Vim](https://github.com/wuelnerdotexe/vim-astro) <span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> - Providencia syntax highlighting, indentação e code folding para Astro dentro do Vim ou Neovim
- Plugins Neovim [LSP](https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#astro) e [TreeSitter](https://github.com/virchau13/tree-sitter-astro) <span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> - Providencia syntax highlighting, treesitter parsing e completação de código para Astro dentro do Neovim
- [Extensão para Nova](https://extensions.panic.com/extensions/sciencefidelity/sciencefidelity.astro/)<span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> - Oferece syntax highlighting e autocompletar de código para o Astro dentro do Nova
- [Plugin para Vim](https://github.com/wuelnerdotexe/vim-astro) <span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> - Oferece syntax highlighting, indentação e code folding para Astro dentro do Vim ou Neovim
- Plugins Neovim [LSP](https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#astro) e [TreeSitter](https://github.com/virchau13/tree-sitter-astro) <span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> - Oferece syntax highlighting, treesitter parsing e autocompletar de código para Astro dentro do Neovim
- Emacs - Consulte as instruções para [Configurar o Emacs e o Eglot](https://medium.com/@jrmjrm/configuring-emacs-and-eglot-to-work-with-astro-language-server-9408eb709ab0) <span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> para funcionar com o Astro
- [Syntax highlighting do Astro para o Sublime Text](https://packagecontrol.io/packages/Astro) <span style="margin: 0.25em;"><Badge variant="neutral">Comunidade</Badge></span> - O pacote Astro para o Sublime Text, disponível no gerenciador de pacotes do Sublime Text.

## Editores no Navegador

Em adição a editores locais, Astro também funciona bem em editores hospedados no navegador, incluindo:
Além dos editores locais, o Astro também funciona bem em editores hospedados no navegador, incluindo:

- [StackBlitz](https://stackblitz.com) e [CodeSandbox](https://codesandbox.io) - editores online que rodam no seu navegador, com syntax highlight por padrão para arquivos `.astro`. Sem instalação ou configuração necessária!
- [GitHub.dev](https://github.dev) - permite que você instale a extensão Astro para VS Code como uma [extensão web](https://code.visualstudio.com/api/extension-guides/web-extensions), que te dá acesso a somente algumas das funcionalidades da extensão completa. Atualmente, apenas o syntax highlight é suportado.
Expand All @@ -64,7 +65,7 @@ Instruções de instalação, integração com editores e informações adiciona

[Prettier](https://prettier.io/) é um popular formatador para JavaScript, HTML, CSS e mais. Se você está utilizando a [Extensão do Astro para VS Code](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) ou [o servidor da linguagem do Astro em outro editor](#outros-editores-de-código), formatação de código com Prettier está inclusa.

Para adicionar suporte para formatação de arquivos `.astro` fora do editor (e.x. CLI) ou em editores que não suportam nossas ferramentas de editor, instale [o plugin oficial do Prettier para Astro](https://github.com/withastro/prettier-plugin-astro).
Para adicionar suporte para formatação de arquivos `.astro` fora do editor (por exemplo, CLI) ou em editores que não suportam nossas ferramentas de editor, instale [o plugin oficial do Prettier para Astro](https://github.com/withastro/prettier-plugin-astro).

Para começar, primeiro instale Prettier e o plugin:

Expand Down Expand Up @@ -92,4 +93,4 @@ Prettier irá automaticamente detectar o plugin e usá-lo para processar arquivo
prettier --write .
```

Veja o [README do plugin do Prettier](https://github.com/withastro/prettier-plugin-astro/blob/main/README.md) para mais informações sobre as opções suportadas, como configurar o Prettier dentro do VS Code, e mais.
Veja o [README do plugin do Prettier](https://github.com/withastro/prettier-plugin-astro/blob/main/README.md) para mais informações sobre as opções suportadas, como configurar o Prettier dentro do VS Code e mais.

0 comments on commit 535b7c1

Please sign in to comment.