Bibliotecas y herramientas de desarrollo de SharePoint Framework
SharePoint Framework incluye varias bibliotecas JavaScript del lado cliente que puede usar para crear sus soluciones. En este artículo se proporciona información general de las herramientas y las bibliotecas que puede usar para desarrollar elementos web del lado cliente.
TypeScript
TypeScript es un superconjunto con tipo de JavaScript que se compila en JavaScript sin formato. Las herramientas de desarrollo del lado cliente de SharePoint se crean mediante clases, módulos e interfaces de TypeScript. Puede usarlos para crear elementos web sólidos del lado cliente.
Para comenzar a trabajar con TypeScript, consulte los siguientes recursos:
- Introducción a TypeScript
- Área de juegos de TypeScript
- Manual de TypeScript
- Comunidad de TypeScript en Stack Overflow
Marcos de JavaScript
Puede elegir cualquiera de una variedad de marcos de JavaScript para desarrollar elementos web del lado cliente. A continuación se muestran algunos de los más comunes:
Como los elementos web del lado cliente son componentes que se colocan en una página de SharePoint, le recomendamos que elija un marco de JavaScript que admita un modelo de componente similar. Los marcos ligeros como React, Handlebars y Angular 2 admiten un modelo de componente y son muy útiles para crear elementos web del lado cliente.
También le recomendamos que consulte la Biblioteca principal JavaScript de SharePoint PnP, que es una comunidad que se dedica a proporcionar un acceso sencillo a las API de REST de SharePoint.
Administrador de paquetes de nodos (npm)
Las herramientas de desarrollo del lado cliente de SharePoint usan el administrador de paquetes npm, que es similar a NuGet, para administrar las dependencias y otras aplicaciones auxiliares necesarias de JavaScript. Normalmente, npm se incluye como parte de la instalación de Node.js.
Para obtener más información sobre npm, consulte la documentación de npm.
Node.js
Node.js es un entorno en tiempo de ejecución multiplataforma de código abierto para hospedar y atender el código JavaScript. Puede usar Node.js para desarrollar aplicaciones web del lado cliente que se han escrito en JavaScript. El ecosistema de Node.js está estrechamente unido al de npm y a los ejecutores de tareas como Gulp para proporcionar un entorno eficaz para compilar aplicaciones basadas en JavaScript. Node.js es similar a IIS Express o IIS, pero incluye herramientas para simplificar el desarrollo del lado cliente.
Para obtener más información sobre Node.js, vea los siguientes temas:
Ejecutor de tareas Gulp
Las herramientas de desarrollo del lado cliente de SharePoint usan Gulp como el ejecutor de tareas de procesos de compilación para:
- Agrupar y reducir archivos JavaScript y CSS.
- Ejecute herramientas para llamar a las tareas de reducción y agrupación antes de cada compilación.
- Compile los archivos LESS o SASS en CSS.
- Compilar archivos TypeScript en JavaScript.
Para obtener más información sobre Gulp, consulte los siguientes temas:
Webpack
Webpack es un módulo que instala varios programas que toma los archivos y las dependencias de elementos web, y genera una o varias agrupaciones JavaScript, de manera que pueda cargar agrupaciones diferentes para escenarios distintos.
La cadena de herramientas de desarrollo usa Webpack para la agrupación. Esto le permite definir los módulos y el lugar en el que quiere usarlos. La cadena de herramientas también usa SystemJS, un cargador de módulos universal, para cargar sus módulos. Esto le ayuda a definir el ámbito de sus elementos web asegurándose de que cada uno se ejecuta en su propio espacio de nombres.
Para obtener más información acerca de Webpack, consulte lo siguiente:
Generadores de Yeoman
Yeoman le ayuda a iniciar rápidamente nuevos proyectos, recomendando procedimientos y herramientas que le ayudarán a mantener la productividad. El generador de SharePoint de Yeoman está disponible como parte del marco para iniciar rápidamente nuevos proyectos de elementos web del lado cliente.
Para obtener más información sobre Yeoman, consulte los siguientes temas:
- Realizar scaffolding a una aplicación web con Yeoman
- Lista de generadores de Yeoman disponibles
- Generador de Yeoman para SharePoint Framework
A continuación se muestran algunos generadores de Yeoman comunes que puede probar, en función del marco que elija:
Editores de código fuente
SharePoint Framework se controla del lado cliente y, por lo tanto, puede usar el editor de código HTML/JavaScript como:
La documentación de SharePoint Framework usa Visual Studio Code en los documentos y los ejemplos. Visual Studio Code es un editor de código fuente eficaz y ligero de Microsoft que se ejecuta en su equipo y está disponible para Windows, Mac y Linux. Incluye compatibilidad integrada con JavaScript, TypeScript y Node.js y tiene un abundante ecosistema de extensiones para otros lenguajes (como C++, C#, Python, PHP) y tiempos de ejecución.
API de REST de SharePoint
SharePoint Framework proporciona integraciones clave con experiencias de SharePoint y se centra en el desarrollo web. Las API REST de SharePoint permiten interactuar con SharePoint y otras cargas de trabajo que dan forma a la funcionalidad del elemento web.
Le recomendamos que se familiarice con el siguiente conjunto de API de REST:
Modelos y prácticas
La iniciativa de Modelos y prácticas de desarrolladores de Office y Modelos y prácticas de SharePoint (PnP) proporciona ejemplos de código, modelos y otros recursos para ayudarle a transformar su solución existente en SharePoint Framework. Asegúrese de familiarizarse con los códigos de ejemplo y las instrucciones que están disponibles en el trabajo de PnP.