Bygga din första SharePoint Framework (SPFx) webbdel
SPFx webbdelutvecklingsprocess
-
Ställ in din utvecklingsmiljö.
- Installera Node.js.
- Installera Yeoman SharePoint Generator och Gulp CLI.
-
Skapa ett nytt SPFx-projekt.
- Kör Yeoman-generatorn.
- Välj "Webbdel" som komponenttyp.
- Ange ett projektnamn och en beskrivning.
-
Utveckla din webbdel.
- Redigera webbdelens TypeScript-fil (t.ex.
YourWebPartName.ts). - Implementera metoden
renderför att definiera användargränssnittet. - Lägg till egenskaper för att konfigurera webbdelen.
- Redigera webbdelens TypeScript-fil (t.ex.
-
Bunta och paketera lösningen.
- Kör
gulp bundle --shipför att skapa en produktionsversion. - Kör
gulp package-solution --shipför att skapa en `.sppkg`-fil.
- Kör
-
Distribuera webbdelen.
- Ladda upp filen `.sppkg` till SharePoint-appkatalogen.
- Lägg till webbdelen på en SharePoint-sida.
Jämförelse av utvecklingsverktyg
| Aspekt | SharePoint Framework (SPFx) | Webbdelar på klientsidan (klassisk) | Webbdelar på serversidan (klassisk) |
|---|---|---|---|
| Teknikstapel | TypeScript, React/Angular/Vue, Node.js | JavaScript, HTML, CSS | C#, .NET, XML |
| Deployment Unit | .sppkg-fil (appkatalog) | .wsp-fil (lösningsgalleri) eller direktdistribution | .wsp-fil (lösningsgalleri) |
| Runtime Environment | Webbläsare (klientsidan) | Webbläsare (klientsidan) | SharePoint Server |
Copyright ©sowpeen.pages.dev 2026