Skip to content

Commit 54ab75a

Browse files
i18n(pt-br): Update editor-setup.mdx translation (withastro#14040)
Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>
1 parent f25940e commit 54ab75a

1 file changed

Lines changed: 18 additions & 19 deletions

File tree

src/content/docs/pt-br/editor-setup.mdx

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ Personalize seu editor de código para melhorar a experiência de desenvolviment
1212

1313
## VS Code
1414

15-
[VS Code](https://code.visualstudio.com) é um editor de código popular para desenvolvedores web, feito pela Microsoft. O motor do VS Code também alimenta editores de código populares no navegador como [GitHub Codespaces](https://github.com/features/codespaces) e [Gitpod](https://gitpod.io).
15+
[VS Code](https://code.visualstudio.com) é um editor de código popular para desenvolvedores web, feito pela Microsoft. O motor do VS Code também alimenta editores de código populares no navegador como [GitHub Codespaces](https://github.com/features/codespaces).
1616

1717
Astro funciona com qualquer editor de código. Entretanto, VS Code é o nosso editor recomendado para projetos Astro. Mantemos uma [extensão Astro VS Code](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) oficial que destrava diversas funcionalidades-chave e melhorias na experiência do desenvolvedor em projetos Astro.
1818

@@ -42,7 +42,7 @@ Para mais informações sobre o suporte de Astro no Webstorm, confira [a documen
4242

4343
Nossa comunidade incrível mantém várias extensões para outros editores populares, incluindo:
4444

45-
- [Extensão VS Code no Open VSX](https://open-vsx.org/extension/astro-build/astro-vscode) <span style="margin: 0.25em;"><Badge text="Oficial" /></span> - A extensão oficial do Astro para VS Code, disponível no registro Open VSX para plataformas abertas como [VSCodium](https://vscodium.com/)
45+
- [Extensão VS Code no Open VSX](https://open-vsx.org/extension/astro-build/astro-vscode) <span style="margin: 0.25em;"><Badge text="Oficial" /></span> - A extensão oficial do Astro para VS Code, disponível no registro Open VSX para plataformas abertas como [Cursor](https://cursor.com) ou [VSCodium](https://vscodium.com/)
4646
- [Plugin Vim](https://github.com/wuelnerdotexe/vim-astro) <span style="margin: 0.25em;"><Badge class="neutral-badge" text="Comunidade" /></span> - Fornece destaque de sintaxe, indentação e suporte para arquivamento de código em Astro dentro do Vim ou Neovim
4747
- 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 class="neutral-badge" text="Comunidade" /></span> - Fornece destaque de sintaxe, interpretação treesitter e preenchimento de código em Astro dentro do Neovim
4848
- Emacs - Veja as instruções para [Configurar Emacs e Eglot](https://medium.com/@jrmjrm/configuring-emacs-and-eglot-to-work-with-astro-language-server-9408eb709ab0) <span style="margin: 0.25em;"><Badge class="neutral-badge" text="Comunidade" /></span> com Astro
@@ -55,7 +55,7 @@ Além dos editores locais, Astro também funciona bem em editores diretamente no
5555

5656
- [StackBlitz](https://stackblitz.com) e [CodeSandbox](https://codesandbox.io) - editores online que rodam no seu navegador, com destaque de sintaxe embutido para arquivos `.astro`. Sem instalação ou configuração necessária!
5757
- [GitHub.dev](https://github.dev) - permite que você instale a extensão Astro VS Code como uma [extensão web](https://code.visualstudio.com/api/extension-guides/web-extensions), que te dá acesso a apenas algumas das funcionalidades da extensão completa. Atualmente, apenas o destaque de sintaxe é suportado.
58-
- [Gitpod](https://gitpod.io) - um ambiente de desenvolvimento completo na nuvem que pode instalar a extensão oficial Astro VS Code do Open VSX.
58+
- [Firebase Studio](https://firebase.studio/) - um ambiente de desenvolvimento completo na nuvem que pode instalar a extensão Astro VS Code da Open VSX.
5959

6060
## Outras ferramentas
6161

@@ -87,38 +87,37 @@ Para adicionar suporte para formatação de arquivos `.astro` fora do editor (co
8787
<PackageManagerTabs>
8888
<Fragment slot="npm">
8989
```shell
90-
npm install --save-dev prettier prettier-plugin-astro
90+
npm install --save-dev --save-exact prettier prettier-plugin-astro
9191
```
9292
</Fragment>
9393
<Fragment slot="pnpm">
9494
```shell
95-
pnpm add -D prettier prettier-plugin-astro
95+
pnpm add --save-dev --save-exact prettier prettier-plugin-astro
9696
```
9797
</Fragment>
9898
<Fragment slot="yarn">
9999
```shell
100-
yarn add --dev prettier prettier-plugin-astro
100+
yarn add --dev --exact prettier prettier-plugin-astro
101101
```
102102
</Fragment>
103103
</PackageManagerTabs>
104104

105-
2. Crie um arquivo de configuração `.prettierrc.mjs`(ou `.prettierrc.json`, `.prettierrc.mjs`, ou [outros formatos suportados](https://prettier.io/docs/configuration)) no diretório raiz do projeto e adicione `prettier-plugin-astro` nele.
105+
2. Crie um arquivo de configuração `.prettierrc`(ou `.prettierrc.json`, `.prettierrc.mjs`, ou [outros formatos suportados](https://prettier.io/docs/configuration)) no diretório raiz do projeto e adicione `prettier-plugin-astro` nele.
106106

107107
Neste arquivo, também especifique manualmente o interpretador para arquivos Astro.
108108

109-
```js title=".prettierrc.mjs"
110-
/** @type {import("prettier").Config} */
111-
export default {
112-
plugins: ['prettier-plugin-astro'],
113-
overrides: [
109+
```json title=".prettierrc"
110+
{
111+
"plugins": ["prettier-plugin-astro"],
112+
"overrides": [
114113
{
115-
files: '*.astro',
116-
options: {
117-
parser: 'astro',
118-
},
119-
},
120-
],
121-
};
114+
"files": "*.astro",
115+
"options": {
116+
"parser": "astro"
117+
}
118+
}
119+
]
120+
}
122121
```
123122

124123
3. Opcionalmente, você pode instalar outros plugins do Prettier no seu projeto, e adicionar eles no arquivo de configuração. Esses plugins adicionais podem precisar ser listados em uma ordem específica. Por exemplo, se você usa Tailwind, `prettier-plugin-tailwindcss` precisa ser [o último plugin do Prettier no array de plugins](https://github.com/tailwindlabs/prettier-plugin-tailwindcss#compatibility-with-other-prettier-plugins)

0 commit comments

Comments
 (0)