Tutorials

Visual Studio Code auf dem Chromebook installieren und nutzen

Melden

Hier ist ein umfassendes Tutorial, wie du Visual Studio Code (VS Code) auf deinem Chromebook installierst und für die Programmierung nutzt.

Visual Studio Code ist einer der beliebtesten Code-Editoren weltweit. Dank der integrierten Linux-Unterstützung von ChromeOS kannst du VS Code nativ auf deinem Chromebook ausführen.

Schritt 1: Die Linux-Umgebung aktivieren

Bevor du VS Code installieren kannst, musst du die Linux-Entwicklungsumgebung auf deinem Chromebook aktivieren.

  1. Klicke unten rechts auf die Uhrzeit und öffne die Einstellungen (Zahnrad-Symbol).
  2. Wähle in der linken Seitenleiste Erweitert und dann Entwickler.
  3. Klicke bei „Linux-Entwicklungsumgebung“ auf Aktivieren.
  4. Folge den Anweisungen auf dem Bildschirm. Du kannst den Benutzernamen wählen und die Speicherplatzgröße festlegen (empfohlen sind mindestens 10 GB).
  5. Nach der Installation öffnet sich automatisch ein Terminal-Fenster.

Schritt 2: Den richtigen Installer herunterladen

  1. Besuche die offizielle Visual Studio Code Website.
  2. Suche nach dem Linux-Bereich.
  3. Wähle das .deb-Paket (für Debian/Ubuntu).
    • Wichtig: Die meisten Chromebooks (Intel/AMD) benötigen die x64-Version. Wenn du ein Chromebook mit einem ARM-Prozessor hast, wähle die ARM64-Version.
  4. Speichere die Datei in deinem „Downloads“-Ordner.

Schritt 3: Visual Studio Code installieren

Es gibt zwei einfache Wege, die Installation abzuschließen:

Methode A (Einfach über die Dateien-App):

  1. Öffne die Dateien-App auf deinem Chromebook.
  2. Gehe zum Ordner „Downloads“.
  3. Klicke mit der rechten Maustaste auf die heruntergeladene .deb-Datei.
  4. Wähle Mit Linux installieren.
  5. Bestätige die Installation mit einem Klick auf Installieren.

Methode B (Über das Terminal):

  1. Verschiebe die .deb-Datei in den Ordner Linux-Dateien in deiner Dateien-App.
  2. Öffne das Terminal (zu finden in deinen Apps unter „Linux-Apps“).
  3. Gib folgenden Befehl ein (ersetze dateiname.deb durch den echten Namen der Datei):
    sudo apt install ./dateiname.deb

Schritt 4: VS Code starten

Sobald die Installation abgeschlossen ist, findest du das Visual Studio Code Icon in deinem App-Launcher (Suche nach „Visual Studio Code“ oder schaue im Ordner „Linux-Apps“ nach).

Klicke darauf, um das Programm zu öffnen.

Schritt 5: Grundlegende Einrichtung und Nutzung

Sprache auf Deutsch umstellen

Standardmäßig ist VS Code auf Englisch. So stellst du es um:

  1. Öffne VS Code.
  2. Klicke links auf das Icon für Extensions (die vier Quadrate).
  3. Suche nach „German Language Pack“.
  4. Klicke auf Install.
  5. Drücke Strg + Umschalt + P, tippe „Configure Display Language“ ein und wähle „de“. Starte das Programm neu.

Wichtige Erweiterungen installieren

VS Code lebt von Erweiterungen. Je nachdem, was du programmieren möchtest, solltest du folgende installieren:

  • Python: Für Python-Programmierung.
  • Prettier: Um deinen Code automatisch zu formatieren.
  • Live Server: Um HTML/CSS-Änderungen sofort im Browser zu sehen.

Tipps für eine bessere Performance

  • Updates: Um VS Code und deine Linux-Umgebung aktuell zu halten, öffne regelmäßig das Terminal und gib ein:
    sudo apt update && sudo apt upgrade
  • Dateizugriff: Denke daran, dass VS Code standardmäßig nur auf Dateien im Ordner Linux-Dateien zugreifen kann. Wenn du Projekte in anderen Ordnern hast, klicke in der Dateien-App mit rechts auf den Ordner und wähle Mit Linux teilen.

Viel Erfolg beim Programmieren auf deinem Chromebook!

0