Verwenden von Visual Studio Code für die Salesforce-Entwicklung

Hinweis

Lernen Sie auf Deutsch? In diesem Badge ist für die praktischen Trailhead-Aufgaben Englisch als Bearbeitungssprache festgelegt. Übersetzungen werden zur Referenz in Klammern angegeben. Vergewissern Sie sich, dass Sie in Ihrem Trailhead-Playground (1) das Gebietsschema auf USA und (2) die Sprache auf Englisch festgelegt haben. (3) Verwenden Sie zum Kopieren und Einfügen nur die englischen Werte. Die zugehörigen Anweisungen finden Sie hier.

Weitere Details dazu, wie Sie die übersetzte Trailhead-Umgebung optimal nutzen können, finden Sie unter dem Badge "Trailhead in Ihrer Sprache".

Nachvollziehen der Schritte aus "Trail Together"

Möchten Sie bei diesem Schritt einem Dozenten folgen? Sehen Sie sich dieses Video an, das zur Serie "Trail Together" auf Trailhead Live gehört.

(Dieser Clip startet bei der Minutenmarke 19:41, falls Sie zurückspulen und sich den Anfang des Schritts erneut ansehen möchten.)

Terminal im Vergleich zu Befehlspalette

Wie bei jedem guten Entwicklungstool gibt es auch bei Visual Studio Code mehr als eine Möglichkeit, Aufgaben zu erledigen. Die beiden Hauptmöglichkeiten für die Interaktion mit Salesforce CLI sind das integrierte Terminal und das Schnellaufruffenster.

Zum Öffnen des Schnellaufruffensters drücken Sie Strg+P (Windows) bzw. Cmd+P (macOS). Durch die Eingabe von ? wird das Hilfemenü angezeigt. Im Verlauf dieses Modul werden wir das Schnellaufruffenster im Befehlspalettenmodus verwenden, der uns ermöglicht, Befehle anzuzeigen und auszuführen.

Ansicht der globalen Befehle im Schnellaufruffenster mit '?' im Eingabefeld

Erstellen eines Projekts

Drücken Sie Strg+Umschalt+P (Windows) bzw. Cmd+Umschalt+P (macOS), um die Befehlspalette anzuzeigen.
Stellen Sie sicher, dass die neue Eingabeaufforderung mit > beginnt.
Geben Sie SFDX:Create Project (Projekt erstellen) ein.
Wählen Sie SFDX:. Create Project (Projekt erstellen) aus.
Wählen Sie Standard aus.
Geben Sie den Projektnamen VSCodeQuickstart und drücken Sie die Eingabetaste.
Wählen Sie Ihren Desktop als Ort für die Erstellung des Projekts, damit Sie es später leicht finden.
Warten Sie, bis das neue Visual Studio Code-Fenster geöffnet wurde. Sie sollten einen Hinweis darauf sehen, dass die Erweiterung Ihr Projekt vorbereitet, bevor der Datei-Explorer gefüllt wird.

Suchen Ihrer Dateien

Drücken Sie Strg+P (Windows) oder Cmd+P (macOS), um die Befehlspalette anzuzeigen. Dies verschiebt den Fokus in die Dateisuche.
Geben Sie project-scratch-def.json in das Feld ein.
Klicken Sie auf das Ergebnis, um die Datei zu öffnen.
Klicken Sie auf das Menü Search (Suchen) ().
Suchen Sie nach orgName.
Gehen Sie im ersten Suchergebnis in der Datei "project-scratch-def.json" wie folgt vor:
Ändern Sie den Wert orgName (nach dem : und zwischen "") in Learning VS Code.
Speichern Sie die Datei mit der Tastenkombination Strg+S (Windows) oder Cmd+S (macOS).

Authentifizieren beim Playground

Drücken Sie Strg+Umschalt+P (Windows) bzw. Cmd+Umschalt+P (macOS), um die Befehlspalette anzuzeigen.
Geben Sie SFDX:Authorize an Org (Organisation autorisieren) ein.
Wählen Sie SFDX:. Authorize an Org.
Drücken Sie die Eingabetaste, um die standardmäßige Anmelde-URL zu akzeptieren.
Geben Sie den Alias VSCodePlayground ein.
Ihr Standardbrowser öffnet ein neues Salesforce-Anmeldefenster. Melden Sie sich mit dem Playground-Benutzernamen und -Kennwort aus dem letzten Schritt bei Ihrem Playground an.
Wenn Sie aufgefordert werden, den Zugriff auf die verbundene Anwendung zu gewähren, klicken Sie auf Allow (Zulassen).
Schließen Sie das Browserfenster.
Im Terminalfenster der Befehlszeilenschnittstelle wird eine Erfolgsmeldung ausgegeben, wenn die Transaktion abgeschlossen ist.

Erstellen einer Apex-Klasse

Klicken Sie auf das Menü Explorer ().
Klicken Sie unter dem Verzeichnis VSCODEQUICKSTART auf force-app, um die Ordnerstruktur einzublenden. Das Verzeichnis "force-app/main/default" enthält die Metadaten, die in Ihrem Projekt enthalten sind, wie z. B. Anwendungen, Aura, Klassen und mehr.
Klicken Sie mit der rechten Maustaste auf den Ordner classes.
Wählen Sie SFDX:. Create Apex Class.
Geben Sie den Namen AccountController ein.
Falls VS Code anfragt, wählen Sie force-app/main/default/classes als das Verzeichnis aus, zu dem Sie AccountController.cls hinzufügen möchten.

Daraufhin wird die Datei für "AccountController.cls" geöffnet. Ersetzen Sie hier den Standardcode durch Folgendes:

public with sharing class AccountController {
  public static List<Account> getAllActiveAccounts() {
    return [SELECT Id, Name, Active__c FROM Account WHERE Active__c = 'Yes' WITH SECURITY_ENFORCED];
  }
}

Speichern Sie Ihre Datei.

Abfrage

Unsere neue Apex-Klasse enthält eine SOQL-Abfrage, und wir möchten sicherstellen, dass diese erwartungsgemäß funktioniert, bevor wir sie in unserer Organisation bereitstellen. Wir verwenden die Befehlspalette, um die Abfrage für unsere Organisation auszuführen.

Markieren Sie in Zeile 3 des Codes die Abfrage SELECT Id,Name,Active__c FROM Account WHERE Active__c = 'Yes' (achten Sie darauf, dass WITH SECURITY_ENFORCED nicht Teil der Markierung ist).
Drücken Sie Strg+Umschalt+P (Windows) bzw. Cmd+Umschalt+P (macOS), um die Befehlspalette anzuzeigen.
Geben Sie SOQL ein.
Wählen Sie SFDX:Execute SOQL Query with Currently Selected Text aus.
Wählen Sie REST API aus und drücken Sie die Eingabetaste.
Sehen Sie sich in der Registerkarte "Output" des integrierten Terminalfensters die Ergebnisse der Abfrage an. Das Fenster sollte eine Zusammenfassung wie die folgende enthalten: SFDX: Execute SOQL Query ... ended with exit code 0. Das heißt, das Abfrage wurde erfolgreich ausgeführt.

Bereitstellen

Der letzte Schritte besteht darin, Ihren Code von Visual Studio Code aus in Ihrem Playground bereitzustellen.

Klicken Sie mit der rechten Maustaste auf den Ordner classes.
Klicken Sie auf SFDX: Deploy This Source to Org.
Sehen Sie sich in der Registerkarte "Output" des integrierten Terminals die Ergebnisse der Bereitstellung an. Sie sollten zudem eine Benachrichtigung mit folgendem Inhalt erhalten haben: SFDX: Deploy Source to Org ... ended with exit code 0. Das heißt, das Bereitstellung wurde erfolgreich ausgeführt.

Fazit

Sie haben nun gelernt, wie Sie Visual Studio Code und Salesforce Extensions verwenden. Außerdem haben Sie gesehen, wie die Funktionen einer IDE die Entwicklungseffizienz optimieren kann. Sie sind jetzt bereit dafür, einige der komplexeren Themen, wie das Debuggen mit dem Apex Replay Debugger, das Anpassen Ihres Editors an Ihre Anforderungen und das Ausführen Ihrer Entwickler-Pipelines mit Visual Studio Code anzugehen.