Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

i18n(pt-BR): Update editor-setup.mdx translation #8039

Merged
merged 2 commits into from Apr 29, 2024
Merged

i18n(pt-BR): Update editor-setup.mdx translation #8039

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ca0901e
i18n(pt-BR): Update `editor-setup.mdx` translation
Egpereira Apr 27, 2024
5651ac9
Merge branch 'main' into update-editor-setup-i18n
yanthomasdev Apr 29, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
23 changes: 12 additions & 11 deletions src/content/docs/pt-br/editor-setup.mdx
View file
Open in desktop
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.