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?
Ja ist mittlerweile nativ in VS Code mit drin. Wichtig ist das die Option dazu auch gesetzt ist in den Einstellungen --> "Bracket Pair Colorization" da den Haken setzen ✌
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 :-)
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.
@@ProgrammierenMario nutze die Software schon länger parallel zum Adobe Programm da ich schon Jahrzehnte damit arbeite. Jetzt habe ich es aber gekündet den Studio ist besser und vor allem Aktuell was man von Adobe seit über einem Jahr nicht sagen kann.
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
Hi! Die Extensions kannst du auch über VS Code installieren. Einfach über den Bereich Extensions welchen du unter den Icons links finden kannst. Dort kannst du nach Erweiterungen suchen und direkt installieren und deinstallieren. Dazu brauchst du die Powershell nicht. Unter deinem Windows Benutzer gibt es ein Ordner .vscode - hier befinden sind unter extensions alle die du installiert hast. z.B.: C:\Users\DeinProfil\.vscode\extensions Oder ich verstehe gerade nicht was du genau meinst ;)
Hallo Peter, leider kann ich da nichts konkretes empfehlen. FTP nutze ich schon seit Jahren nicht mehr und drucken musste ich meinen Code auch noch nicht ;-) Aber seit jeher war das Tool FileZilla sehr gut was FTP betrifft. Ob es heute immer noch so ist, weiß ich leider nicht...
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: ... 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....
Ja das kannst du in den Einstellungen ändern. Suche in den Einstellungen mal nach "emmet variables" Hier kannst du über Add Item neue Werte setzen. Müsste direkt als erstes das "lang" key kommen, falls nicht setzt du hier für den key "lang" den wert "de"
@@ProgrammierenMario Auto rename tag, live server kannte ich schon und finde ich sehr nützlich, von denen die ich noch nicht kannte, glaube ich ist es der CSS Peek. Für was hast du eig. Prettier vorgestellt? Die einstellung, die du gezeigt hast finde ich mega nützlich, ohne dieExtension ist die Einstellung und ein Formatierer schon im VS Code drin
Ich hatte öfters Probleme mit dem Formatierer von VSCode. Der Prettier ist 100% konsistent und wenn du im Team arbeitest kannst du mit dem einfacher sicherstellen das jeder Entwickler die gleiche Formatierung verwendet. Und meine persönliche Vorliebe ist das Prettier auch Vue files formatiert 😄
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
Es kann sein das diese Extension manchmal nicht korrekt gestartet wird beim öffnen des VS Code Editors. Das hatte ich hier und da auch schon mal. Auch nach der Erstinstallation den Editor unbedingt mal neu starten. Wenn Prettier aktiv ist sieht du unten rechts in der Statusleiste eine Schaltfläche "Prettier" mit 2 Häkchen davor.
@@ProgrammierenMario hey Mario könntest du mir vielleicht verraten welche vs Code Version du nutzt. Bei mir funktionieren keine Extentions. Habe heute gemerkt das mir auch keine Standardfunktion (Optionen) nach einem Punktooerator angezeigt werden. Danke und viele Grüße
Hallo Mario, mein Live Server funktioniert irgendwie nicht. Klicke ich auf "Go Live", dann hißt es "ERROR", und sagt, "Invalid Path in Live Server.setting.root. Live Server will serve from workspace root". Was bedeutet das? Hilfe..!! Gruß, Michael
Komisch, hast du in den Einstellungen etwas eingetragen? Zur Not empfehle ich mal die User Einstellungen vom Live Server zu löschen, damit alle default Werte verwendet werden.
Hallo Hartwig, eigentlich ist das so ganz richtig und sollte kein Problem sein. Das / wird am Ende bei Tags gesetzt welches selbst kein schließendes Tag haben. Dies hast du z.B. dann auch bei oder Tags.
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.
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.
Also im Grunde würde ich das so machen wie hier -> ruclips.net/video/Xgt4DWVioQg/видео.html Ist zwar nicht Remote, aber da könntest du es ebenfalls über die Kommandozeile ausführen.
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?
Hallo Manfred, als erstes wenn du nicht möchtest das sich ein Browser öffnet wenn du den Live Server startest dann kannst du das in den Einstellungen deaktivieren. Suche bei den Einstellungen nach "live server no browser", hier kannst du das Häkchen setzen. Dann kannst du bequem beim Browser deiner Wahl einfach mit der Adresse localhost:5500 die Website anschauen. Oder du suchst in den Einstellungen nach "live server custom browser", hier kannst du auch den Browser deiner Wahl einstellen welcher beim Start des Live Servers automatisch startet. Hoffe dies hilft dir erstmal weiter... Happy Coding! ;-)
@@ProgrammierenMario Hallo Mario, vielen Dank für die schnelle Antwort. Bin deinem Rat gefolgt und bekomme jetzt den Browser (Firefox) in dem Editierfenster von VS Code angezeigt. Aber statt dem Inhalt der gestarteten Seite sehe ich das Verzeichnis mit allen Dateien meines Internetprojektes. Wenn ich nun mit einem Linksklick auf die Html - Datei klicke, erst dann öffnet sich die Seite.
Freut mich das es geklappt hat. Die index.html Datei sollte sich im Root-Ordner befinden welche vom Live-Server als Startseite angezeigt werden soll. Dann sollten auch die Verzeichnisse verschwinden ;-)
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?
Hi Ademi! Verstehe nicht ganz was du mit dem zweitem Absatz meinst... Und vielen Dank für den Hinweis mit Live Preview von MS. Werde es mir gerne mal anschauen :)
Du kannst in VS Code direkt alles vergrößern mit STRG+"+" und wieder verkleinern mit STRG+"-" Wenn du allerdings nur die Schriftgröße anpassen möchtest dann kannst du das in den Settings machen unter Font Size
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
TOP Video und Informationen lieber Mario 🙂Danke Danke Danke 🙂
Liebe Grüße,
Carsten
Herzlichen Dank, lieber Carsten!
Grüße...
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.
Vielen Dank für dein großes Lob. Freut mich das ich helfen konnte. Bei Fragen einfach fragen ✌️🙂
Danke für das Vidoe, hilft mir super für den Einstieg mit VS !!!!!!
Freut mich 👍
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?
Ja ist mittlerweile nativ in VS Code mit drin. Wichtig ist das die Option dazu auch gesetzt ist in den Einstellungen --> "Bracket Pair Colorization" da den Haken setzen ✌
Einfach genial Top
Vielen Dank :)
Superfriese Alter!😀 Super Videos.
Besten Dank
✌️🙂
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 :-)
Ja das geht! Suche in den Einstellungen mal nach "word wrap" und schalte diese Option auf on.
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.
Vielen Dank für dein Feedback. Ich wünsche dir viel Erfolg ✌🙂
Jetzt hat Dreamweaver ausgedient, das Geld spare ich mir und als danke schön dir ein Mittagessen offeriert, Grüsse Dany aus der Schweiz
Willkommen bei den glücklichen VS Code Nutzern :)
@@ProgrammierenMario nutze die Software schon länger parallel zum Adobe Programm da ich schon Jahrzehnte damit arbeite. Jetzt habe ich es aber gekündet den Studio ist besser und vor allem Aktuell was man von Adobe seit über einem Jahr nicht sagen kann.
@@ProgrammierenMario eine Frage hätte ich, kannst nur du dieser Text lesen oder sehen alle diesen Text?
@@danielpaulplanzer8611 Die Kommentare kann jeder lesen. Ist öffentlich 🙂
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
Hi! Die Extensions kannst du auch über VS Code installieren. Einfach über den Bereich Extensions welchen du unter den Icons links finden kannst. Dort kannst du nach Erweiterungen suchen und direkt installieren und deinstallieren. Dazu brauchst du die Powershell nicht. Unter deinem Windows Benutzer gibt es ein Ordner .vscode - hier befinden sind unter extensions alle die du installiert hast. z.B.: C:\Users\DeinProfil\.vscode\extensions
Oder ich verstehe gerade nicht was du genau meinst ;)
Super, vielen Dank. :)
Servus,
sehr gutes Video Mario!
Bei 10:55, funktioniert der LiveServer auf für Python Flask?
Hallo Mr. Lee,
das konnte ich selbst leider noch nicht testen.
@@ProgrammierenMario ok, kein Problem.
Hi Mario, welche Extensions würdest für FTP und Drucker empfehlen? Danke für das tolle Video, Gruss Peter
Hallo Peter, leider kann ich da nichts konkretes empfehlen. FTP nutze ich schon seit Jahren nicht mehr und drucken musste ich meinen Code auch noch nicht ;-)
Aber seit jeher war das Tool FileZilla sehr gut was FTP betrifft. Ob es heute immer noch so ist, weiß ich leider nicht...
Bracket Pair Colorizer 2 gibt es nicht!! Was statt dessen?
Ist jetzt Nativ in VS Code mit drin. In den Einstellungen unter bracketPair zu finden 🙂
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: ... 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....
Ja das kannst du in den Einstellungen ändern. Suche in den Einstellungen mal nach "emmet variables"
Hier kannst du über Add Item neue Werte setzen. Müsste direkt als erstes das "lang" key kommen, falls nicht setzt du hier für den key "lang" den wert "de"
Danke für deine Arbeit.
könnte noch: Lorem ipsum, Better Comments, Bookmarks ;-)
Gerne! Und vielen dank für dein Feedback 👍
Coole extensions, ech nützlich
Welche findest du besonders hilfreich? 🙂
@@ProgrammierenMario Auto rename tag, live server kannte ich schon und finde ich sehr nützlich, von denen die ich noch nicht kannte, glaube ich ist es der CSS Peek. Für was hast du eig. Prettier vorgestellt? Die einstellung, die du gezeigt hast finde ich mega nützlich, ohne dieExtension ist die Einstellung und ein Formatierer schon im VS Code drin
Ich hatte öfters Probleme mit dem Formatierer von VSCode. Der Prettier ist 100% konsistent und wenn du im Team arbeitest kannst du mit dem einfacher sicherstellen das jeder Entwickler die gleiche Formatierung verwendet. Und meine persönliche Vorliebe ist das Prettier auch Vue files formatiert 😄
Danke!
Vielen herzlichen Dank. Freue mich sehr über deine Unterstützung :)
@@ProgrammierenMario deine Videos sind klasse
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
Es kann sein das diese Extension manchmal nicht korrekt gestartet wird beim öffnen des VS Code Editors. Das hatte ich hier und da auch schon mal. Auch nach der Erstinstallation den Editor unbedingt mal neu starten. Wenn Prettier aktiv ist sieht du unten rechts in der Statusleiste eine Schaltfläche "Prettier" mit 2 Häkchen davor.
@@ProgrammierenMario hey Mario könntest du mir vielleicht verraten welche vs Code Version du nutzt.
Bei mir funktionieren keine Extentions. Habe heute gemerkt das mir auch keine Standardfunktion (Optionen) nach einem Punktooerator angezeigt werden.
Danke und viele Grüße
Hallo Mario,
mein Live Server funktioniert irgendwie nicht. Klicke ich auf "Go Live", dann hißt es "ERROR", und sagt, "Invalid Path in Live Server.setting.root. Live Server will serve from workspace root". Was bedeutet das? Hilfe..!!
Gruß, Michael
Komisch, hast du in den Einstellungen etwas eingetragen? Zur Not empfehle ich mal die User Einstellungen vom Live Server zu löschen, damit alle default Werte verwendet werden.
Hallo Mario,
ich habe folgenden Problem.
Ich habe folgendes Snippet erstellt:
Aber mit dem Speicher werden folgende Änderungen durchgeführt.
Vor dem Speicher "" nach dem Speichern "" usw.....
Bestimmt nur ein Einstellungsproblem.
Kannst Du mir helfen?
Gruß Hartwig
Hallo Hartwig, eigentlich ist das so ganz richtig und sollte kein Problem sein. Das / wird am Ende bei Tags gesetzt welches selbst kein schließendes Tag haben. Dies hast du z.B. dann auch bei oder Tags.
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.
Tut mir leid, da ist mir derzeit nix bekannt.
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.
Also im Grunde würde ich das so machen wie hier -> ruclips.net/video/Xgt4DWVioQg/видео.html
Ist zwar nicht Remote, aber da könntest du es ebenfalls über die Kommandozeile ausführen.
@@ProgrammierenMario Danke für den Tipp. Ich werde es ausprobieren.
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?
Hallo Manfred, als erstes wenn du nicht möchtest das sich ein Browser öffnet wenn du den Live Server startest dann kannst du das in den Einstellungen deaktivieren. Suche bei den Einstellungen nach "live server no browser", hier kannst du das Häkchen setzen. Dann kannst du bequem beim Browser deiner Wahl einfach mit der Adresse localhost:5500 die Website anschauen. Oder du suchst in den Einstellungen nach "live server custom browser", hier kannst du auch den Browser deiner Wahl einstellen welcher beim Start des Live Servers automatisch startet. Hoffe dies hilft dir erstmal weiter... Happy Coding! ;-)
@@ProgrammierenMario Hallo Mario, vielen Dank für die schnelle Antwort. Bin deinem Rat gefolgt und bekomme jetzt den Browser (Firefox) in dem Editierfenster von VS Code angezeigt. Aber statt dem Inhalt der gestarteten Seite sehe ich das Verzeichnis mit allen Dateien meines Internetprojektes.
Wenn ich nun mit einem Linksklick auf die Html - Datei klicke, erst dann öffnet sich die Seite.
Freut mich das es geklappt hat. Die index.html Datei sollte sich im Root-Ordner befinden welche vom Live-Server als Startseite angezeigt werden soll. Dann sollten auch die Verzeichnisse verschwinden ;-)
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?
Hi Ademi! Verstehe nicht ganz was du mit dem zweitem Absatz meinst...
Und vielen Dank für den Hinweis mit Live Preview von MS. Werde es mir gerne mal anschauen :)
Kann man irgendwie die Schrift direkt von den Eingaben vergrößern? Bei mir sind die extrem klein :/
Du kannst in VS Code direkt alles vergrößern mit STRG+"+" und wieder verkleinern mit STRG+"-"
Wenn du allerdings nur die Schriftgröße anpassen möchtest dann kannst du das in den Settings machen unter Font Size
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
Peacock kannte ich bisher noch nicht, vielen Dank ;-)
Die Brackets Erweiterung kannte ich noch gar nicht. Rest Client und Vetur benutze ich selbst öfters. VG aus dem Vogtland ;-)
Für Vue.js ist Vetur perfekt. Gibt ja mittlerweile für alles eine Extension. ;-)
Welche verwendest du noch?
@@ProgrammierenMario Da ich das Backend meistens mit Slim PHP mache noch PHP IntelliSense. Und noch ein paar Snippets für Bootstrap.
@@SReini ... vielen Dank. Grüße ✌️🙂