Skip to content

Commit

Permalink
i18n(de): update editor-setup.mdx (#6362)
Browse files Browse the repository at this point in the history
* i18n(de): update

* implement suggested change

* revert change in english translation

* remove information about fleet

---------

Co-authored-by: Yan Thomas <[email protected]>
  • Loading branch information
DerTimonius and yanthomasdev authored Jan 22, 2024
1 parent 87a6c5a commit c3bd41e
Showing 1 changed file with 38 additions and 6 deletions.
44 changes: 38 additions & 6 deletions src/content/docs/de/editor-setup.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: Editor-Einrichtung
description: 'Richte deinen Editor ein, um etwas mit Astro zu kreieren.'
---
import Badge from '~/components/Badge.astro';

import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'


Passe deinen Code-Editor an, um die Astro-Entwicklererfahrung zu verbessern und neue Funktionen freizuschalten.
Expand All @@ -20,14 +20,24 @@ Astro funktioniert mit jedem Code-Editor. VS Code ist jedoch der von uns empfohl

Um loszulegen, installiere noch heute die [Astro VS Code-Erweiterung](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode).

📚 Schau dir an, wie du in deinem Astro-Projekt [TypeScript einrichtest](/de/guides/typescript/).
import ReadMore from '~/components/ReadMore.astro'

<ReadMore>Schau dir an, wie du in deinem Astro-Projekt [TypeScript einrichtest](/de/guides/typescript/).</ReadMore>

## JetBrains IDEs

Erstmals kam Support für Astro auf WebStorm 2023.1. Du kannst das offizielle Plugin über den [JetBrains Marketplace](https://plugins.jetbrains.com/plugin/20959-astro) installieren oder indem du im Plugins Tab deiner IDE nach "Astro" suchst. Dieses Plugin bietet dir Syntaxhervorhebung, Code-Vervollständigung, Code-Formatierung, und wir planen in Zukunft weitere, fortschrittliche Features hinzuzufügen. Es ist auch für alle anderen [JetBrains IDEs mit JavaScript Support](https://www.jetbrains.com/de-de/products/#lang=js&type=ide) erhältlich.

## Andere Code-Editoren

Unsere wunderbare Community stellt mehrere Erweiterungen für andere beliebte Editoren bereit, darunter auch:

- [VS Code-Erweiterung auf Open VSX](https://open-vsx.org/extension/astro-build/astro-vscode) <span style="margin: 0.25em;"><Badge variant="accent">Offiziell</Badge></span> - Die offizielle Astro-Erweiterung für VS Code, verfügbar in der Open VSX Registry für quelloffene Plattformen wie [VSCodium](https://vscodium.com/)
- [Nova-Erweiterung](https://extensions.panic.com/extensions/sciencefidelity/sciencefidelity.astro/) <span style="margin: 0.25em;"><Badge variant="neutral">Community</Badge></span> - Syntaxhervorhebung, IntelliSense und Autovervollständigung für Astro
- [Vim Plugin](https://github.com/wuelnerdotexe/vim-astro) <span style="margin: 0.25em;"><Badge variant="neutral">Community</Badge></span> - Syntaxhervorhebung, Einzug, und Code-Faltungsunterstützung für Astro in Vim oder Neovim
- Neovim [LSP](https://github.com/neovim/nvim-lspconfig/blob/master/doc/server_configurations.md#astro) und [TreeSitter](https://github.com/virchau13/tree-sitter-astro) Plugins <span style="margin: 0.25em;"><Badge variant="neutral">Community</Badge></span> - Syntaxhervorhebung, treesitter Analyse, und Autovervollständigung für Astro in Neovim
- Emacs - Siehe Anleitung für die [Konfiguration von Emacs und Eglot](https://medium.com/@jrmjrm/configuring-emacs-and-eglot-to-work-with-astro-language-server-9408eb709ab0) <span style="margin: 0.25em;"><Badge variant="neutral">Community</Badge></span> um mit Astro zu arbeiten
- [Astro Syntaxhervorhebung für Sublime Text](https://packagecontrol.io/packages/Astro) <span style="margin: 0.25em;"><Badge variant="neutral">Community</Badge></span> - Das Astro Paket für Sublime Text, verfügbar im Sublime Text package manager.

## Browser-Editoren

Expand All @@ -45,15 +55,37 @@ Zusätzlich zu lokalen Code-Editoren funktioniert Astro auch gut in browserbasie

Sieh dir das [Benutzerhandbuch des Projekts](https://ota-meshi.github.io/eslint-plugin-astro/user-guide/) an, um mehr über die Installation und Einrichtung von ESLint in deinem Projekt zu erfahren.

### Stylelint

[Stylelint](https://stylelint.io/) ist ein beliebter Linter für CSS. [Eine von der Community verwaltete Stylelint Konfiguration](https://github.com/ota-meshi/stylelint-config-html) verfügt über Astro Support.

Eine Installationsanleitung, Editor Integration und weitere Informationen findest du im README des Projekts.

### Prettier

[Prettier](https://prettier.io/) ist ein beliebtes Code-Formatierungs-Tool für JavaScript, HTML, CSS und mehr. Um das Formatieren von `.astro`-Dateien zu ermöglichen, kannst du das [offizielle Prettier-Plugin für Astro](https://github.com/withastro/prettier-plugin-astro) verwenden.
[Prettier](https://prettier.io/) ist ein beliebtes Code-Formatierungs-Tool für JavaScript, HTML, CSS und mehr. Wenn du die [Astro VS Code Extension](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) oder [die Astro language server für andere Editoren](#andere-code-editoren) verwendest, ist Code-Formatierung mit Prettier integriert.

Um das Formatieren von `.astro`-Dateien außerhalb des Editors (z.B. in der Kommandozeilen&shy;schnittstelle (CLI)) zu ermöglichen, kannst du das [offizielle Prettier-Plugin für Astro](https://github.com/withastro/prettier-plugin-astro) verwenden.

Um loszulegen, installiere zuerst Prettier und das Plugin:

```shell
npm install --save-dev prettier prettier-plugin-astro
```
<PackageManagerTabs>
<Fragment slot="npm">
```shell
npm install --save-dev prettier prettier-plugin-astro
```
</Fragment>
<Fragment slot="pnpm">
```shell
pnpm add -D prettier prettier-plugin-astro
```
</Fragment>
<Fragment slot="yarn">
```shell
yarn add --dev prettier prettier-plugin-astro
```
</Fragment>
</PackageManagerTabs>

Wenn du Prettier dann ausführst, erkennt es automatisch das Plugin und verwendet es zur Verarbeitung von `.astro`-Dateien:

Expand Down

0 comments on commit c3bd41e

Please sign in to comment.