You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/docs/pt-br/editor-setup.mdx
+18-19Lines changed: 18 additions & 19 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ Personalize seu editor de código para melhorar a experiência de desenvolviment
12
12
13
13
## VS Code
14
14
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).
16
16
17
17
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.
18
18
@@ -42,7 +42,7 @@ Para mais informações sobre o suporte de Astro no Webstorm, confira [a documen
42
42
43
43
Nossa comunidade incrível mantém várias extensões para outros editores populares, incluindo:
44
44
45
-
-[Extensão VS Code no Open VSX](https://open-vsx.org/extension/astro-build/astro-vscode) <spanstyle="margin: 0.25em;"><Badgetext="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) <spanstyle="margin: 0.25em;"><Badgetext="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/)
46
46
-[Plugin Vim](https://github.com/wuelnerdotexe/vim-astro) <spanstyle="margin: 0.25em;"><Badgeclass="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
47
47
- 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) <spanstyle="margin: 0.25em;"><Badgeclass="neutral-badge"text="Comunidade" /></span> - Fornece destaque de sintaxe, interpretação treesitter e preenchimento de código em Astro dentro do Neovim
48
48
- 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) <spanstyle="margin: 0.25em;"><Badgeclass="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
55
55
56
56
-[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!
57
57
-[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.
59
59
60
60
## Outras ferramentas
61
61
@@ -87,38 +87,37 @@ Para adicionar suporte para formatação de arquivos `.astro` fora do editor (co
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.
106
106
107
107
Neste arquivo, também especifique manualmente o interpretador para arquivos Astro.
108
108
109
-
```js title=".prettierrc.mjs"
110
-
/**@type{import("prettier").Config}*/
111
-
exportdefault {
112
-
plugins: ['prettier-plugin-astro'],
113
-
overrides: [
109
+
```json title=".prettierrc"
110
+
{
111
+
"plugins": ["prettier-plugin-astro"],
112
+
"overrides": [
114
113
{
115
-
files:'*.astro',
116
-
options: {
117
-
parser:'astro',
118
-
},
119
-
},
120
-
],
121
-
};
114
+
"files": "*.astro",
115
+
"options": {
116
+
"parser": "astro"
117
+
}
118
+
}
119
+
]
120
+
}
122
121
```
123
122
124
123
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