Zurück zum Blog

Tipps für Visual Studio Code

Nick
08 Aug. 2021
Tipps für Visual Studio Code

In diesem Blog werde ich in unregelmässigen Abständen Tricks zum Thema "Visual Studio Code" absondern. Los geht's mit sauberen Code für eure Projekte.

Mit:

"editor.formatOnPaste": true

wird euer Code direkt nach dem einfügen formatiert (Das Plugin Prettier oder Ähnliche müssen installiert sein).

"editor.formatOnSave": true

erledigt das formatieren direkt beim speichern. Extrem praktisch für Progger die sauberen Code mögen.

Als Ordner und Button Set empfehle ich das "Material Icon Theme". Im Bereich "Extensions" einfach nach "Material Icon Theme" suchen.

Die Schriftart sollte eine Ligatur sein. Use: "Fire Code" Habt ihr die Schrift auf eurem Rechner installiert, wird Sie anschliessend mit folgenden Einstellungen aktiviert:

"editor.fontFamily": "Fira Code"
"editor.fontLigatures": true

Bei 4K Monitoren kann man diese Einstellung gern vernachlässigen. Einfach ausprobiren, was auf eurem Monitor besser aussieht.

Geh zu Definition

Wenn du den Ursprungort eine Variablen suchst, führt VS Code dich automatisch dort hin indem du mit dem Cursor zu der Variablen gehst und F12 oder im Contextmenü "Gehe zu Fedinition" klickst.

Zen Mode

Der Zen Mode schalten alle Fenster ausser den Code ab. So kann man sich ohne Störungen auf den Code konzentrieren. Kann bei Fehlersuche sehr nützlich sein. Um den Zen Mode zu aktivieren, gehe zu "Anzeigen -> Darstellung --> Zen Modus oder STRG + K  Z über den Zem Modus zu verlassen 2 mal Esc Taste oder ebend wieder STRG + K Z

Quick Open

Sehr hilfreich um schnell eine Datei zu öffnen: STRG + p

Multi Cursor Selection

CTRL + ALT + Pfeiltaste nach unten ( Doppel ESC für verlassen)

 

 

$_SESSION['usr']
$_SESSION['usr_id']
$_SESSION['role']
SESSION_NAME: hostx_session
current url: /artikel/Tipps-fuer-Visual-Studio-Code
fail login:
Document root: /home/httpd/www.host-x.de/htdocs
REMOTE_ADDR: 216.73.216.165
HTTP_REFERER:
SERVER_NAME: www.host-x.de
Page: blog_item
SCRIPT_NAME: /index.php
SERVER_PROTOCOL: HTTP/2.0