How to use VSCode with Presslabs

In this tutorial, we will show you how to easily set up and make changes to your Wordpress site’s using the VSCode IDE.

1. Install VSCode IDE

Firstly, you need to install the Visual Studio Code and it can be done from here .

2. Clone your website repository

At this step, you need to open the VSCode and you can see that appears two options, exactly Open Folder and Clone Repository as in the below image.

Select Clone Repository option and introduce the repository HTTPS URL which you will take from the Gitea or from your project from Github.

Also, you can use the SSH URL but for this to work, you need to load a SSH key in our hosting platform like here . Now, you could paste the URL in the Git at Clone section and after that, tap Enter and you need to chose the folder where you want to clone the website repository. After that, the cloning process will start. When it is finished, you can open the repository and will see the VSCode dashboard like this:

3. Stage files and Commit

In the left part, you can see the Source Control icon in the Activity Bar. There are the changes which you have in your current repository.

From here, if you click on the each item, you can see in detail the textual changes within each files, in my case, details regarding the modification which have done in the ads.txt file from my website repository.

If you want to stage(git add) the modifications you have done, please click the “+” button like in the following image:

Also, if you’ve decided to cancel and don’t want to commit the change, you can unstage it by clicking on " - “, as below:

For commit your staged modifications, firstly you must to add a message for it. You could do this in the Source Control like in the image below. After you leave a message, please click on the Commit button.