Entwicklungstools und -bibliotheken für das SharePoint-FrameworkSharePoint Framework development tools and libraries

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.The SharePoint Framework includes several client-side JavaScript libraries that you can use to build your solutions. This article provides an overview of the tools and libraries that you can use to develop client-side web parts.

TypeScriptTypeScript

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.TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. SharePoint client-side development tools are built using TypeScript classes, modules, and interfaces. You can use these to build robust client-side web parts.

Für die ersten Schritte mit TypeScript finden Sie in den folgenden Ressourcen Informationen:To get started with TypeScript, see the following resources:

JavaScript-FrameworksJavaScript frameworks

Sie können eine beliebige Anzahl von JavaScript-Frameworks zum Entwickeln clientseitiger Webparts erstellen. Nachfolgend sehen Sie einige der gängigsten Frameworks:You can choose any one of a number of JavaScript frameworks to develop client-side web parts. The following are some of the most popular:

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.Because client-side web parts are components that are dropped into a SharePoint page, we recommend that you choose a JavaScript framework that supports a similar component model. Lightweight frameworks such as React, Handlebars, and Angular 2 all support a component model and are well suited to building client-side web parts.

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.We also recommend that you look at the SharePoint PnP JavaScript Core library, which is a community driven effort targeted for providing easy access on SharePoint REST APIs.

Knotenpaket-Manager (npm)Node Package 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.SharePoint client-side development tools use the npm package manager, which is similar to NuGet, to manage dependencies and other required JavaScript helpers. npm is typically included as part of Node.js setup.

Weitere Informationen über npm finden Sie in der npm-Dokumentation.For more information about npm, see the npm documentation.

Node.jsNode.js

Node.js ist eine plattformübergeifende Open Source-Laufzeitumgebung zum Hosten und Ausführen von JavaScript-Code.Node.js is an open source, cross-platform runtime environment for hosting and serving JavaScript code. Sie können Node.js verwenden, um serverseitige Webanwendungen zu entwickeln, die in JavaScript geschrieben werden.You can use Node.js to develop server-side web applications written in JavaScript. Das Node.js-Ökosystem ist eng mit npm und Taskausführungen wie gulp verbunden, um eine effiziente Umgebung zum Erstellen von JavaScript-basierten Anwendungen bereitzustellen.The Node.js ecosystem is tightly coupled with npm and task runners such as gulp to provide an efficient environment for building JavaScript-based applications. Nodel.js ist IIS Express oder IIS ähnlich, umfasst aber Tools, die die clientseitige Entwicklung vereinfachen.Node.js is similar to IIS Express or IIS, but includes tools to simplify client-side development.

Weitere Informationen zu Node.js finden Sie in den folgenden Themen:For more information about Node.js, see the following:

Gulp-TaskausführungGulp task runner

Die SharePoint-Tools für clientseitige Entwicklung verwenden gulp als Taskausführung für den Buildprozess für Folgendes:SharePoint client-side development tools use gulp as the build process task runner to:

  • Bündeln und Minimieren von JavaScript- und CSS-DateienBundle and minify JavaScript and CSS files.
  • Ausführen von Tools zum Aufrufen der Bündelungs- und Minimierungstasks vor jedem BuildRun tools to call the bundling and minification tasks before each build.
  • Kompilieren von LESS- oder SASS-Dateien in CSSCompile LESS or Sass files to CSS.
  • Kompilieren von TypeScript-Dateien in JavaScriptCompile TypeScript files to JavaScript.

Weitere Informationen zu gulp finden Sie in den folgenden Themen:For more information about gulp, see the following:

WebpackWebpack

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.Webpack is a module bundler that takes your web part files and dependencies and generates one or more JavaScript bundles so that you can load different bundles for different scenarios.

Die Entwicklungstoolkette verwendet CommonJS 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.The development tool chain uses CommonJS for bundling. This enables you to define modules and where you want to use them. The tool chain also uses SystemJS, a universal module loader, to load your modules. This helps you to scope your web parts by making sure that each web part is executed in its own namespace.

Weitere Informationen zu webpack finden Sie in den folgenden Themen:For more information about webpack, see the following:

Yeoman-GeneratorenYeoman generators

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.Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. Der Yeoman-Generator von SharePoint ist im Rahmen des Frameworks für den Einstieg in neue clientseitige Webpartprojekte verfügbar.The Yeoman SharePoint generator is available as part of the framework to kickstart new client-side web part projects.

Weitere Informationen zu Yeoman finden Sie in den folgenden Themen:For more information about Yeoman, see the following:

Nachfolgend finden Sie einige häufig verwendete Yeoman-Generatoren, die Sie je nach dem von Ihnen ausgewählten Framework ausprobieren können:The following are some common Yeoman generators that you can try, depending on your choice of framework:

Quellcode-EditorenSource code editors

SharePoint Framework wird clientseitig gesteuert. Daher können Sie einen HTML- und JavaScript-Code-Editor Ihrer Wahl verwenden, z. B.:SharePoint Framework is client-side driven and thus you can use your choice of HTML/JavaScript code editors, such as:

In der SharePoint-Framework-Dokumentation wird Visual Studio Code in den Dokumenten und Beispielen verwendet.SharePoint Framework documentation uses Visual Studio Code in the docs and examples. 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.Visual Studio Code is a lightweight but powerful source code editor from Microsoft that runs on your desktop and is available for Windows, Mac, and Linux. 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.It comes with built-in support for JavaScript, TypeScript, and Node.js, and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP) and runtimes.

SharePoint-REST-APIsSharePoint 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.The SharePoint Framework provides key integrations with SharePoint experiences and targets web development. The SharePoint REST APIs enable you to interact with SharePoint and other workloads that shape your web part functionality.

Es wird empfohlen, dass Sie sich mit den folgenden REST-APIs vertraut machen:We recommend that you become familiar with the following set of REST APIs:

Patterns and PracticesPatterns and Practices

Die InitiativeOffice Dev Patterns and Practices/SharePoint Pattern and Practices (PnP) bietet Codebeispiele, Muster und andere Ressourcen, die Ihnen bei der Umwandlung Ihrer vorhandenen Lösung in das SharePoint Framework behilflich sind. Machen Sie sich unbedingt mit den Codebeispielen und Anweisungen der PnP-Initiative vertraut.The Office Dev Patterns and Practices / SharePoint Pattern and Practices (PnP) initiative provides code samples, patterns, and other resources to help you transform your existing solution to the SharePoint Framework. Be sure to become familiar with the code samples and guidance that is available through the PnP effort.

Siehe auchSee also