Entwicklungstools und -bibliotheken für das SharePoint-Framework

  • Artikel

Das SharePoint Framework umfasst mehrere clientseitige JavaScript-Bibliotheken, die Sie zum Erstellen von Lösungen verwenden können. Dieser Artikel enthält eine Übersicht über die Tools und Bibliotheken, die Sie zum Entwickeln von clientseitigen Webparts verwenden können.

TypeScript

Bei TypeScript handelt es sich um eine typisierte Obersprache zu JavaScript, die in einfaches JavaScript kompiliert. SharePoint-Tools für die clientseitige Entwicklung werden auf Basis von TypeScript-Klassen, -Modulen und -Schnittstellen erstellt. Sie können diese verwenden, um stabile clientseitige Webparts zu erstellen.

Für die ersten Schritte mit TypeScript finden Sie in den folgenden Ressourcen Informationen:

JavaScript-Frameworks

Sie können eine beliebige Anzahl von JavaScript-Frameworks zum Entwickeln clientseitiger Webparts erstellen. Nachfolgend sehen Sie einige der gängigsten Frameworks:

Da es sich bei clientseitigen Webparts um Komponenten handelt, die auf einer SharePoint-Seite abgelegt werden, wird empfohlen, dass Sie ein JavaScript-Framework auswählen, das ein ähnliches Komponentenmodell unterstützt. Einfache Frameworks, wie z. B. React, Handlebars und Angular 2, unterstützen alle ein Komponentenmodell und sind gut geeignet zum Erstellen clientseitiger Webparts.

Darüber hinaus wird empfohlen, dass Sie sich die SharePoint PnP JavaScript-Core-Bibliothek ansehen, bei der es sich um eine von der Community geförderte Initiative handelt, um einfachen Zugriff auf SharePoint-REST-APIs bereitzustellen.

Knotenpaket-Manager (npm)

Die SharePoint-Tools für die clientseitige Entwicklung verwenden den npm-Paket-Manager, der NuGet ähnlich ist, um Abhängigkeiten und andere erforderliche JavaScript-Hilfsprogramme zu verwalten. npm ist in der Regel als Teil des Node.js-Setups enthalten.

Weitere Informationen über npm finden Sie in der npm-Dokumentation.

Node.js

Node.js ist eine plattformübergeifende Open Source-Laufzeitumgebung zum Hosten und Ausführen von JavaScript-Code. Sie können Node.js verwenden, um serverseitige Webanwendungen zu entwickeln, die in JavaScript geschrieben werden. Die node.js-Ökosystem ist eng mit npm und Taskausführungen wie gulp verbunden, um eine effiziente Umgebung zum Erstellen von JavaScript-basierten Anwendungen bereitzustellen. Nodel.js ist IIS Express oder IIS ähnlich, umfasst aber Tools, die die clientseitige Entwicklung vereinfachen.

Weitere Informationen zu Node.js finden Sie in den folgenden Themen:

Gulp-Taskausführung

Die SharePoint-Tools für clientseitige Entwicklung verwenden gulp als Taskausführung für den Buildprozess für Folgendes:

  • Bündeln und Minimieren von JavaScript- und CSS-Dateien
  • Ausführen von Tools zum Aufrufen der Bündelungs- und Minimierungstasks vor jedem Build
  • Kompilieren von LESS- oder SASS-Dateien in CSS
  • Kompilieren von TypeScript-Dateien in JavaScript

Weitere Informationen zu gulp finden Sie in den folgenden Themen:

Webpack

Webpack ist ein Modulbundler, der aus Ihren Webpartdateien und Abhängigkeiten ein oder mehrere JavaScript-Bündel generiert, damit Sie unterschiedliche Bündel für unterschiedliche Szenarien laden können.

Die Entwicklungstoolkette verwendet Webpack zum Bündeln. Auf diese Weise können Sie Module und Verwendungsmöglichkeiten definieren. Die Toolkette verwendet SystemJS, ein universelles Modulladeprogramm, um Ihre Module zu laden. Auf diese Weise können Sie den Bereich für Ihre Webparts festlegen, indem Sie sicherstellen, dass jedes Webpart in seinem eigenen Namespace ausgeführt wird.

Weitere Informationen zu webpack finden Sie in den folgenden Themen:

Yeoman-Generatoren

Yeoman hilft Ihnen bei den ersten Schritten mit neuen Projekten und stellt bewährte Methoden und Tools bereit, mit denen Sie produktiv arbeiten können. Der Yeoman-Generator von SharePoint ist im Rahmen des Frameworks für den Einstieg in neue clientseitige Webpartprojekte verfügbar.

Weitere Informationen zu Yeoman finden Sie in den folgenden Themen:

Nachfolgend finden Sie einige häufig verwendete Yeoman-Generatoren, die Sie je nach dem von Ihnen ausgewählten Framework ausprobieren können:

Quellcode-Editoren

SharePoint Framework wird clientseitig gesteuert. Daher können Sie einen HTML- und JavaScript-Code-Editor Ihrer Wahl verwenden, z. B.:

In der SharePoint Framework-Dokumentation wird Visual Studio Code in den Dokumenten und Beispielen verwendet. Visual Studio Code ist ein einfacher und dennoch leistungsfähiger Quellcode-Editor von Microsoft, der auf dem Desktop ausgeführt wird und für Windows, Mac und Linux verfügbar ist. Er verfügt über integrierte Unterstützung für JavaScript, TypeScript und Node.js und bietet ein reichhaltiges Ökosystem von Erweiterungen für andere Sprachen (wie C++, C#, Python, PHP) und Laufzeiten.

SharePoint-REST-APIs

Das SharePoint Framework ermöglicht wichtige Integrationen in SharePoint-Oberflächen und richtet sich an die Webentwicklung. Mit den REST-APIs von SharePoint können Sie mit SharePoint und anderen Arbeitslasten interagieren, aus denen Ihre Webpartfunktionalität besteht.

Es wird empfohlen, dass Sie sich mit den folgenden REST-APIs vertraut machen:

Patterns and Practices

Die InitiativeOffice Dev Patterns and Practices/SharePoint Patterns and Practices (PNP)-Initiative enthält Codebeispiele, Muster und andere Ressourcen, mit denen Sie Ihre vorhandene Lösung in das SharePoint-Framework umwandeln können. Stellen Sie sicher, dass Sie sich mit den Codebeispielen und Anleitungen vertraut machen, die durch den PNP-Aufwand zur Verfügung stehen.

Siehe auch