How do you save an entire folder from Google Chrome Developer Tools?

Introduction

You want to save the entire source folder from a website and the only way now is to save each file manually. How do you save the entire folder to your local machine? Here I will show you how!

How to save the Developer Tools source folder

1. Run the below command. It will first clone the chrome extension that downloads the files into your machine. Npm install will download the packages into the repository’s node_modules folder. Go into the ResourcesSaverExt folder using the command ‘cd’.

git clone https://github.com/up209d/ResourcesSaverExt.git
npm install
cd ResourcesSaverExt

2. If you do not have have yarn installed in your machine, then run the following command. Make sure you run this command inside the ResourcesSaverExt folder.

Yarn caches every package it has downloaded, so it never needs to download the same package again. It also does almost everything concurrently to maximize resource utilization. This means even faster installs.

npm install -g yarn

3. If you are facing ‘Missing Write Access’ issues with downloading yarn. See this page.