Die 10 BESTEN Visual Studio Code Extensions

Показать описание

Visual Studio Code Tutorial Deutsch für Anfänger. Ich zeige dir meine 10 Besten Visual Studio Code Extensions für effizienteres und einfacheres Arbeiten in der Webentwicklung. Dies sind meine persönlichen Favoriten in VS Code die ich selbst nutze und dir alle einzeln vorstelle. Als Bonus eine Extension zum Schluss die extrem Hilfreich bei der Verwendung von API's ist.

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
00:27 Ayu Theme
01:14 Bracket Pair Colorizer
02:40 Prettier
04:17 Auto Rename Tag
05:22 Font Awesome Preview
06:38 Path Intellisense
08:30 CSS Peek
09:31 HTML CSS Support
10:54 Live Server
12:37 Live SASS Compiler
15:12 REST Client

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Perfekter Start mit VS Code

Font Awesome Library:

JSON Placeholder API

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit über 15 Jahren als Webentwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!

#vscode #ProgrammierenM

Рекомендации по теме

Комментарии

Hallo Mario, sehr sehr großes Lob an deine Videos. Deine Art und Weise wie du es erklärst. Alles tiptop. Bitte mach weiter so.

ElPrincipal

Ich habe den Live Server installiert. Zusammen mit Autosave ist der extrem praktisch. Ich suche jetzt nur noch eine Möglichkeit wie ich den Dart-Compiler zusammen mit Autosave aktivieren kann. Besser geht es einfach nicht. Tolle Tipps.

littlenosydragon

Jetzt hat Dreamweaver ausgedient, das Geld spare ich mir und als danke schön dir ein Mittagessen offeriert, Grüsse Dany aus der Schweiz

danielpaulplanzer

TOP Video und Informationen lieber Mario 🙂Danke Danke Danke 🙂
Liebe Grüße,

Carsten

konfigurator

Danke für das Vidoe, hilft mir super für den Einstieg mit VS

caroman

Danke für deine Arbeit.
könnte noch: Lorem ipsum, Better Comments, Bookmarks ;-)

netzmerker

Hi Mario, cooles Video und sehr Lehrreich.
Kannst du mal ein Tutorial machen, in dem du Remote auf einer anderen Maschine mit SCSS und dem SASS Compiler arbeitest?
Also eine SCSS auf der Remote Maschine öffnen und den CSS-Output automatisch auf der Remote Maschine speichern.
Würde mich riesig freuen. Denn dann hätte ich eine Lösung für meine aktuelle Challenge.

MedienHusky

Danke für deine Videos! Top Kanal :-) Abo ist raus. War am Anfang etwas skeptisch, aber deine Videos sind sehr zielführend. Danke! Die Bracket Pair Analyzer Extension ist ja jetzt native in vscode integriert. Muss dabei noch etwas beachtet werden?

BuenoSociety

Hi Mario, welche Extensions würdest für FTP und Drucker empfehlen? Danke für das tolle Video, Gruss Peter

rapier

Vielen Dank für die tollen Vorschläge :-) Gleich etwas übernommen :-) Gibt es eine Erweiterung o auch Einstellung das man im Fenster selbst nicht nach rechts scrollen muss wenn der Text doch etwas länger ist sondern dieser einfach an Fenster angepasst wird und gegebenfalls in die nächste Zeile rutscht? Das wäre super super hilfreich zu wissen :-)

utes.

Hi Mario, hast Du einen Tipp für mich? ich verwende die shortcodes z.B. "!" um ein Doctype -tree zu erstellen. funktioniert gut... nur leider mit der falschen Sprache: <html lang="en">... in welchen Settings kann ich "en" in "de" umstellen? ich möchte nicht jedes Mal manuell die Sprache eingeben müssen... da ich überwiegend deutsch-sprachige Seiten erstelle... Würde mich über eine Rückmeldung freuen....

stefanienaiser

Hallo Mario,

ich habe folgenden Problem.

Ich habe folgendes Snippet erstellt:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="author" content="Hartwig Diekel">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="format.css" type="text/css" rel="stylesheet">
<link href="" type="image/x-icon" rel="shortcut icon">
<title> </title>
</head>
<body>

</body>
</html>

Aber mit dem Speicher werden folgende Änderungen durchgeführt.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="author" content="Hartwig Diekel" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="format.css" type="text/css" rel="stylesheet" />
<link href="" type="image/x-icon" rel="shortcut icon" />

<title> </title>
</head>
<body></body>
</html>

Vor dem Speicher "<meta charset="utf-8">" nach dem Speichern "<meta charset="utf-8" />"

Bestimmt nur ein Einstellungsproblem.

Kannst Du mir helfen?

Gruß Hartwig

gisyofv

Servus,
sehr gutes Video Mario!
Bei 10:55, funktioniert der LiveServer auf für Python Flask?

VeteranTuner

schönes Video;
nur Ayu würde/werde ich nicht nutzen, da bleibe ich doch lieber bei "2077 theme" : Brackets ist damit auch überflüssig, ist bei dem Theme schon drin.

Noch was. Tut macht die Lock, nicht du: Das Tut formatieren = Das formatiert [...]
danke

und noch was: warum nutzen alle Live Server: Live Preview von MS ist viel besser - noch dazu, warum hast du auto speichern aus?

yuitutorials

Bracket Pair Colorizer 2 gibt es nicht!! Was statt dessen?

Michaeldabrowski

hi. Gibt es irgendwie weine Erweiterung wo man seine Texte in vs code besser zu sehen sind, wenn man die Texte bearbeitet? Ohne diese Code dazwischen zu sehen? Das verwirrt mich persönlich manchmal.

Anonym-dsvs

Brackets 2 funktioniert bei mir nicht, ich muss die 1. Version benutzen. Ich nutze noch:
- Auto Close Tag
- PHP IntelliSense
- Auto Rename Tag
- Color Highlight
- Highlight Matching Tag
- HTML End Tag Labels
- Live Reload
- Peacock ( ändert die Fensterfarbe je nach Projekt)
- Project Manager
- Settings Sync
- SFTP
- TODO Highlight

badmax

Live Server gefällt mir sehr gut. Wenn ich diesen starte, öffnet sich bei mir immer der Firefox auf einer eigenenb Seite und nicht der Browser in Visuel Studio Code. Welche Einstellung ist hier falsch?

manfredbos

Hi Mario, vielen Dank für deine tolle Videos. Eine Frage habe ich. Bei mir funktioniert leider Powershell in VS Code nicht. Ich muss die Eingabeaufforderung in Windows nutzen und komme dadurch durcheinander. Ich weiß nicht, wo meine Extensions landen, nachdem ich es installiert habe. Muss ich vorher den Ordner, wo das Projekt liegt, wählen? danke LG

ayushtsende

Hey Mario,
Cooles Video sehr hilfreich..
Habe die Prettier Extention installiert doch sobald ich auf speichern drücke wird der Code nicht automatisch in die richtige Position verrückt.
Weißt du vielleicht woran es liegen könnte?
Viele grüße und mach weiter so

rael

Die 10 BESTEN Visual Studio Code Extensions

Die 10 BESTEN Visual Studio Code Extensions

5 Best Visual Studio Code Extensions

I tried 10 code editors

10 Best Visual Studio Code Extensions

13 Visual Studio 2022 Tips & Tricks

Visual Studio Code vs Visual Studio

10 Best Visual Studio Code Extensions for Web Development | 10 Essential VSCode Extensions

Visual Studio Code: Meine besten Plugins 2019

The Top 10 Best 3D Softwares for 2024-2025 (Some Will Surprise You!)

🔥10 New Features in Visual Studio 2022

Top 10 Visual Studio Code Extensions For Python

How to Make VS Code Look Awesome? | Best Visual Studio Code Theme | Best Icons | VS Code Themes

Top 10 visual studio code extensions To Boost Your Productivity [2024]

Apply custom themes in Visual Studio

BEST Visual Studio Setup for C++ Projects!

Best ChatGPT Extension For Visual Studio 2022?

😳10 coole Visual Studio Code Extensions 2019! 👍 [TUTORIAL]

Top 10 Best VS Code Extensions

What code editor should you use? 👩‍💻 #technology #programming #software #career #productivity...

¡Necesitas cambiar estas configuraciones de Visual Studio Code!

Best Visual Studio Extensions for Software Developers in 2021 | #2 - Open In

Top 10 VSCode Extensions | Visual Studio Code 2020

10 Best Visual Studio Code Extensions for Web Development | 10 Essential VSCode Extensions

5 tips to increase Visual Studio Performance