Setting up the development environment

If you don't have enough development experience, you could find the SPFx development process a bit overwhelming. I will recommend that you get some development experience with the JavaScript framework before jumping into SPFx development directly. There are several training courses available on Node.js and its ecosystem. If you are familiar with the basics of Node.js, then let's begin.

Getting ready

You need a source code editor, such as VS Code, Atom, or Eclipse, to edit the source code. You also need Node.js installed on your device, which you can do by downloading the installer from the link in the previous section. If you already have Node.js installed, then check the version to see whether it is compatible with your SPFx version by running the following command on PowerShell:

node -v

The following output is shown after running the node -v command:

Figure 2:PowerShell console

Before starting the next section, I will assume that...