Einführung in Visual Studio-Code

Visual Studio Code ist einer der beliebtesten Quellcode-Editoren und -Editoren, der von Microsoft entwickelt und von der Entwicklergemeinschaft auf der ganzen Welt weit verbreitet ist. Aufgrund seiner Kompaktheit, plattformübergreifenden (kann auf Windows-, Linux- und Mac OS-Betriebssystemen verwendet werden) und vor allem völlig kostenlos, sodass die Community Erweiterungen (Erweiterungsfunktionen) entwickeln kann, wird VS Code derzeit von der Entwicklergemeinschaft und verwendet, um viele verschiedene Programmiersprachen zu entwickeln.

Aus meiner persönlichen Sichtweise habe ich, als ich neu im Programmieren war (ich habe PHP gemacht), zunächst die PHP Storm IDE verwendet, die aufgrund der verfügbaren Funktionen und der Unterstützung für die meisten Code-Eingabeaufforderungen, die ich fast immer verwendet habe, äußerst gut für Neulinge geeignet ist. Da ich nichts installieren muss, habe ich mich nach einer Weile Berufserfahrung für den Wechsel zu Visual Studio Code entschieden, auch wenn es anfangs schwierig war, weil ich mit Tastaturkürzeln, Funktionen und der Editoroberfläche vertraut war. Alter Entwurf, aber nach 1 Monat habe ich wegen seiner Bequemlichkeit komplett auf Visual Studio Code umgestellt, kann in vielen verschiedenen Sprachen codieren, aber am wichtigsten ist seine Leichtigkeit!

Einige häufig verwendete Erweiterungen in Visual Studio

FTP- und SFTP-Erweiterungen für Visual Studio:

SFTP _{-Autor: liximomo}

PHP-Code-Prompt-Erweiterung für Visual Studio:

PHP Intelephense _{Autor: Ben Mewburn}

php-fmt – PHP-Formatierer _{Autor: kokororin}

Die Erweiterung fordert HTML-Code auf und fügt automatisch Tags hinzu:

Tag automatisch umbenennen _{Autor: Jun Han}

Tastenkombinationen für Visual Studio:

• Neu formatieren (Code neu formatieren), um die Struktur des Codes klar darzustellen: Drücken Sie Umschalt + Alt + F .

Siehe ausführliche Diskussion bei Stapelüberlauf

• Suchen und Ersetzen: Strg+H für Windows, Befehl+Option+F für Macos
• Kurzkommentarcode: Strg+/ für Windows, Befehl+/ für Macos
• Tab-Befehlsblöcke, um den Code neu zu formatieren, um ihn schön und strukturiert zu machen: tab

Code komprimieren/Code erweitern (Funktionen zum Erweitern und Reduzieren in der Codestruktur zur einfachen Anzeige beim Programmieren): Drücken Sie Strg + Umschalt + [ , Strg + Umschalt + ]

Allgemeine Probleme

Kann in Visual Studio nicht auf Registerkarten klicken:

Vorgehensweise: Drücken Sie Strg+M bei Windows oder Befehl+Umschalt+M bei Macos

siehe ausführliche Diskussion bei Stapelüberlauf

Verwenden Sie SFTP, um den Code hochzuladen:

Schritt 1: Installieren Sie die STFP-Erweiterung von Author liximomo

Suchen Sie in der Kopfzeile der Menüleiste nach Ansicht -> Befehlspalette -> SFTP:Config, um die Datei sftp.json für den Ordner zu erstellen

Konfigurieren Sie die Datei sftp.json wie folgt:

 {    "protocol": "ftp",    "host": "hostname",    "port": 21,    "username": "username",    "password": "",    "remotePath": "/path",    "uploadOnSave": true }

Erstellen Sie SASS, LESS, SCSS in Visual Studio Code

Schritt 1: Sass or Less Transpiler installieren

 npm install -g sass less

Schritt 2: Erstellen Sie eine sass oder weniger .-Datei

Schritt 3: Erstellen Sie die Datei „tasks.json“, erstellen Sie die sass-Datei manuell im Stammverzeichnis des Projekts oder navigieren Sie zu „ Terminal “ > „ Aufgaben konfigurieren “ > „Tasks.json-Datei aus Vorlage erstellen“.

 // Sass configuration { // See https://go.microsoft.com/fwlink/?LinkId=733558 // for the documentation about the tasks.json format "version": "2.0.0", "tasks": [ { "label": "Sass Compile", "type": "shell", "command": "sass styles.scss styles.css", "group": "build" } ] }

Schritt 4: Erstellen Sie nach jedem Update der scss-Datei:

Strg+Umschalt+B ( Bauaufgabe ausführen ).

Wählen Sie die entsprechende Aufgabe aus (bei mehreren Aufgaben).

Entfernen Sie Befehlsblocktabulatoren im Visual Studio-Code

Lösung 1:

• Befehlsblock auswählen
• Verwenden Sie die Tastenkombination Umschalt+Tab, um den Befehlsblock nach links zu verschieben

Lösung 2:

• Wählen Sie die Option: „ Auswahl “ > „ Spaltenauswahlmodus “ in der Werkzeugkopfleiste
• Halten Sie die Umschalttaste gedrückt und wählen Sie die zu löschenden Leerzeichen mit der linken Maustaste aus
• Drücken Sie die Rücktaste oder die Entf-Taste, um die Leerzeichen zu löschen.

Siehe ausführliche Diskussion bei Stapelüberlauf