How to Set Up Your SPFx Developer Workstation Without Needing Admin Permissions

Setting up your SharePoint Framework (SPFx) developer workstation without administrative permissions might seem like a daunting task, but it’s entirely doable—and we’re here to walk you through it. This blog is inspired by Microsoft’s YouTube video that guides you through the process.

Why Managing Node.js Versions Matters

SPFx relies on specific versions of Node.js, and different projects may require different versions. Managing these versions can be tricky if you don’t have admin rights on your workstation. Here’s a neat solution to streamline your setup.

Node Version Switcher (NVS) to the Rescue

Node Version Manager (NVM) is popular for managing Node.js versions but requires admin rights, which isn’t always ideal. Enter Node Version Switcher (NVS), which lets you handle multiple Node.js versions without needing those permissions.

Here’s how to get started with NVS:

1. Download NVS: Visit NVS on GitHub to get the installer.
2. Install NVS: Follow the installation instructions. You can use the installer or do it manually if needed.
3. Manage Node.js Versions: Use commands like nvs add <version> and nvs use <version> to manage your Node.js versions.

Setting Up Visual Studio Code Without Admin Rights

Next, let’s set up Visual Studio Code (VS Code) without needing admin permissions:

1. Download VS Code: Go to VS Code’s download page and choose the user installer.
2. Install VS Code: Install it in your user space.
3. Portable Option: Alternatively, download the zip version of VS Code and run it from a USB stick if necessary.

Integrate NVS with VS Code

To integrate NVS with VS Code:

1. Configure Settings: Set up VS Code to recognize NVS by adjusting your settings.
2. Switch Node.js Versions: Use the integrated terminal to manage and switch Node.js versions per project.
3. Install SharePoint Framework Toolkit: Add the SPFx toolkit extension to VS Code for managing dependencies and streamlining development.

Practical Tips

If you’re working on multiple projects with different Node.js requirements:

1. Switch Versions Easily: Use nvs use <version> in different terminal windows to manage different versions for different projects.
2. Automate Version Switching: Projects can include an .nvmrc file specifying the Node.js version needed, which NVS will automatically switch to when you enter the project directory.

---

By using Node Version Switcher and Visual Studio Code, you can efficiently set up your SPFx development environment even without admin rights. This setup helps you manage multiple projects seamlessly and keeps your workflow smooth.

Got questions or your own SPFx tips to share? Drop a comment below! We’d love to hear from you and help out with any queries you might have. Happy coding!