How to: work on two or more folders at the same time in VSCode

Explanation

Ever been in a situation where you’re front-end code and your back-end code are in different folders?

Then you find yourself with the pain of going back and forth between two vscode editors?

With Multi-root Workspaces you can …


This content originally appeared on DEV Community and was authored by Edgar Carrillo

Explanation

Ever been in a situation where you're front-end code and your back-end code are in different folders?

Then you find yourself with the pain of going back and forth between two vscode editors?

With Multi-root Workspaces you can work on multiple folders all within one editor, here's how!

Steps to create Workspace

1.

Go to the location where your front-end and back-end folders are stored within terminal.

Mac Terminal showing front-end and back-end code folders

2.

Open one of the folders with vscode.

Image description

3.

Within vscode click command + p to open a search bar. Within the search bar type >add folder to workspace and click on the result that pops up.

Image description

4.

Your folders will popup. Select the folders you want to work on at the same time, then click add.

Image description

5.

Again, open the search bar in vscode with command + p and search for >add folder to workspace and click on the result.

Image description

6.

A popup will appear. Name the workspace that houses your multiple folders how you like. And also make sure to choose where you'd like to store this workspace then save.

Image description

How to access workspace

If you completed the 5 steps to create workspace you're ready to go!

What you did was create a workspace that references your multiple folders. To use it go to the location you saved the workspace at using terminal.

Image description

Now treat it like opening a file, open it with vscode and you're ready to go!

Image description

Image description


This content originally appeared on DEV Community and was authored by Edgar Carrillo


Print Share Comment Cite Upload Translate Updates
APA

Edgar Carrillo | Sciencx (2023-02-25T02:05:22+00:00) How to: work on two or more folders at the same time in VSCode. Retrieved from https://www.scien.cx/2023/02/25/how-to-work-on-two-or-more-folders-at-the-same-time-in-vscode/

MLA
" » How to: work on two or more folders at the same time in VSCode." Edgar Carrillo | Sciencx - Saturday February 25, 2023, https://www.scien.cx/2023/02/25/how-to-work-on-two-or-more-folders-at-the-same-time-in-vscode/
HARVARD
Edgar Carrillo | Sciencx Saturday February 25, 2023 » How to: work on two or more folders at the same time in VSCode., viewed ,<https://www.scien.cx/2023/02/25/how-to-work-on-two-or-more-folders-at-the-same-time-in-vscode/>
VANCOUVER
Edgar Carrillo | Sciencx - » How to: work on two or more folders at the same time in VSCode. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/02/25/how-to-work-on-two-or-more-folders-at-the-same-time-in-vscode/
CHICAGO
" » How to: work on two or more folders at the same time in VSCode." Edgar Carrillo | Sciencx - Accessed . https://www.scien.cx/2023/02/25/how-to-work-on-two-or-more-folders-at-the-same-time-in-vscode/
IEEE
" » How to: work on two or more folders at the same time in VSCode." Edgar Carrillo | Sciencx [Online]. Available: https://www.scien.cx/2023/02/25/how-to-work-on-two-or-more-folders-at-the-same-time-in-vscode/. [Accessed: ]
rf:citation
» How to: work on two or more folders at the same time in VSCode | Edgar Carrillo | Sciencx | https://www.scien.cx/2023/02/25/how-to-work-on-two-or-more-folders-at-the-same-time-in-vscode/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.