---
sourceDocument: Xanadu: Erstellen oder ändern Sie Anwendungen
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/xanadu/application-development

 Release :

    - xanadu

ft:locale :

    - de-DE

ft:publication_title :

    - Xanadu: Erstellen oder ändern Sie Anwendungen

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

# Richten Sie Ihr Projekt ein

# Richten Sie Ihr Projekt ein {#ariaid-title1}

* Freigeben Version: Xanadu
* 
* Aktualisiert 1. August 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 Minute Lesedauer

Erstellen Sie das Komponentenprojekt und den Satz von Dateien, die für die Entwicklung einer Komponente erforderlich sind. Sie können eine Verbindung zu Ihrer -Instanz herstellen und einen Anwendungsbereich für Ihre Komponente erstellen oder einen Bereich zur späteren Überprüfung reservieren.

## Vorbereitungen

[Richten Sie Ihre Umgebung ein](https://servicenow-prod.fluidtopics.net/_HmGtnR2vJJwlTiOigwRsg "Bereiten Sie Ihre lokale Umgebung vor, indem Sie die JavaScript-Laufzeitumgebung Node.js, den Knoten-Paketmanager (npm) und Erweiterung der UI-Komponenteinstallieren. Mit diesen Tools können Sie Komponenten lokal entwickeln und erstellen und in Ihrer -Instanz bereitstellen.").

## Prozedur

1. Erstellen Sie einen Ordner für Ihr Projekt, und verweisen Sie das Befehlszeilentool Ihres Systems auf den Ordner.
2. Erstellen Sie das Komponentenprojekt und alle Dateien, die zum Erstellen einer Komponente erforderlich sind.
   1. Führen Sie diesen Befehl in dem von Ihnen erstellten Ordner aus.  

          $ snc ui-component project [--name name --description description --scope scope --offline]

      Übergeben Sie Werte für diese Argumente.  
      {#setup-component-project__table_bkt_yyt_vkb__entry__2}

      | Name | Beschreibung |
      |-|-|
      | name | Erforderlich. Der Projektname. Muss ein gültiger und eindeutiger NPM-Paketname sein. |
      | Beschreibung | Die Projektbeschreibung muss in der NPM-Registrierung und in der Plugins-Liste in Ihrer Instanz verfügbar sein. |
      | scope | Vorgeschlagener Anwendungsbereich, der diesem Projekt und seinen Komponenten zugewiesen werden soll. Falls angegeben, validiert die Instanz den Namen. Verwenden Sie die Richtlinien für Namespace-Bezeichner für die Anwendungsentwicklung in der -Instanz. Weitere Informationen finden Sie unter [Anwendungsbereich](https://servicenow-prod.fluidtopics.net/jsLrU6dTqXTyxWpjyXRTDA "Die Definition von Anwendungsbereichen schützt Anwendungen, indem der Zugriff auf Anwendungsdateien und -daten identifiziert und eingeschränkt wird."). Maximal: 18 Zeichen. Fall: Fall Standard: `x_customerprefix_componentname`, wobei: * „`customerprefix` " ist der Wert in der Systemeigenschaft glide.appcreator.company.code in Ihrer Instanz. * „`componentname` " ist der Wert, der im `Namensparameter` der Komponente angegeben wurde, als Sie das Projekt erstellt haben. {#setup-component-project__scope-params} Alternativ können Sie dem Parameter `scopeName` in der Datei now-ui.json einen Wert hinzufügen. Weitere Informationen finden Sie unter [Ändern Sie den Anwendungsbereich einer Komponente](https://servicenow-prod.fluidtopics.net/zUwUE8DVad~nZapPOIpr8Q "Ändern Sie den Anwendungsbereich einer Komponente, wenn bei der Bereitstellung Ihrer Komponente in einer Instanz Umfangsprobleme auftreten. Sie können beispielsweise einen Anwendungsbereich festgelegt haben, der bereits verwendet wird oder ungültig ist, während Sie eine Komponente im Offline-Modus erstellt haben."). |
      | offline | Bei Festlegung auf „true" wird eine Komponente erstellt und als Gerüst erstellt, während die Verbindung zu Ihrer Instanz getrennt ist. Überspringt die Validierung des angegebenen Bereichsnamens. Standard: `false` |
      [ ]

      {#setup-component-project__table_bkt_yyt_vkb}  

          $ snc ui-component project --name @myorg/movie-quotes --description 'A web component that prints movie quotes.'

          $ snc ui-component project --name @myorg/hello-world --scope x_myorg_helloworld --offline

   {#setup-component-project__substeps_yyl_bct_tkb}
3. Führen Sie den folgenden Befehl aus, um die npm-Abhängigkeiten zu installieren.  

       npm install

## Nächste Maßnahme

[Entwickeln Sie eine Komponente](https://servicenow-prod.fluidtopics.net/60dMB1wH13bjOzez8u7d0A "Fügen Sie Ihren Komponentencode hinzu, und testen Sie ihn mit einem lokalen Entwicklungsserver.").
**Zugehörige Konzepte**   

* [Generator für anwenderdefinierte Komponenten](https://servicenow-prod.fluidtopics.net/vWVQnmx~8lN~OTq11cdvTQ "Entwickeln Sie anwenderdefinierte Komponenten mit Next Experience UI Framework und Erweiterung der UI-Komponente.")

