Equivalencias de herramientas:
Para poder trabajar con SPFx (SharePoint Framework) deberemos tener configurados una serie pre-requisitos antes de trabajar.
NodeJS
Instalaremos NodeJS en la version Long Term Support (LTS).
Yeoman y Gulp
Abriremos una consola de comandos y escribiremos los siguientes comandos:
npm install -g yo gulp
windows-build-tools
Abriremos una consola de comandos y escribiremos los siguientes comandos:
npm install -g --production windows-build-tools
Install Yeoman SharePoint generator
Abriremos una consola de comandos y escribiremos los siguientes comandos:
npm install -g @microsoft/generator-sharepoint
Editor de código fuente Visual Studio Code
Desde la página oficial descargaremos el Visual Studio Code
Depurar SPFx
Para depurar tus desarrollos utiliza la extensión de Visual Studio Code Debugger for Chrome.
Referencias adicionales: Getting Started with the SharePoint Framework (SPFx)
Next, we will install the Yeoman generator which is a part of Node.js, and will help you name your solution, tell it where to place your files, name your web part, describe your web part and select which JavaScript framework to use.
After Yeoman has finished installing which will take some time, using the information above, you should see this screen:
You will need some type of lightweight text editor, most people are using Visual Studio Code, download it if you don’t already have it.
Now we will install TypeScript, which is basically a superset of JavaScript and just one more thing you get to learn (the fun never ends!). In your cmd prompt or VS Code terminal window type:
npm install -g typescript
We will start to use the Workbench which is a lot less of a pain than having to have your own SharePoint test server, a HTML page that allows you to add client-side web parts, can be run locally or within SharePoint Online, launches a local web server and can be accessed at:
- _layouts/workbench.aspx
gulp trust-dev-certThe following pop-up should appear:
Herramientas opcionales
Aquí tiene algunas herramientas que también pueden ser útiles: