Quick list of use software for SPFx development as of 2024
Requires a license for commercial use (but is worth it):
- Snagit – Awesome tool for capturing and marking-up screenshots – https://www.techsmith.com/store/snagit
- Beyond Compare – Tool for comparing file contents – https://www.scootersoftware.com/shop
- Teracopy Pro – Tool for copying files quickly, copies tons of small file (like a node.js install) several times faster than Windows Explorer https://www.codesector.com/purchase
Free for commercial use:
- Notepad++ – https://notepad-plus-plus.org/downloads/v8.6.4/
- Paint.net – https://github.com/paintdotnet/release/releases/download/v5.0.12/paint.net.5.0.12.install.anycpu.web.zip
- 7-zip – https://www.7-zip.org/download.html
- VS Code – https://code.visualstudio.com/download
- Windows PowerToys – https://github.com/microsoft/PowerToys/releases/tag/v0.79.0
- GrepWin – Find files based on contents (supports regex, etc.) https://github.com/stefankueng/grepWin/releases/tag/2.0.15
- GIT for Windows: https://git-scm.com/download/win
- NVS (multiple node versions, integrates with VS Code unlike NVM) – https://github.com/jasongin/nvs
- Install versions of Node through the NVS command, I used the following command as a baseline:
- nvs add 18.18.0
- Integrate with VS Code by following this guide: https://tahoeninja.blog/posts/associate-node-version-with-spfx-solution/
- Install versions of Node through the NVS command, I used the following command as a baseline:
- Add SPFx dev tools with command (after installing Node with above command):
- npm install gulp-cli yo @microsoft/generator-sharepoint –global
- Note: You’ll need to run this separately for each version of Node you install via nvs
- SPFX Essentials (pack with multiple VS code plugins) – https://marketplace.visualstudio.com/items?itemName=eliostruyf.spfx-essentials