VS Code Workspace Overview

VS Code Workspace

Below is the screenshot of the VS Code workspace highlighting the different sections in the workspace.

• File Explorer: Provides an easy way to browse and manage the files and folders within your project.
• Editor Pane: The main area where you can write and edit your code. It supports syntax highlighting, intelligent code completion (IntelliSense), and numerous shortcuts for efficient coding.
• Terminal: Integrated terminal where you can execute shell commands, interact with version control systems, or execute scripts and compile your code.

Opening a file

• Navigate to the File Explorer section.
• Browse through your folders and find the file you wish to open.
• Click on the file. It will open in the editor area.

Creating a new file

• In the Explorer section, right-click on the folder where you want to add a file.
• Select New File.
• Enter the file name and press Enter.

Creating a new folder

• Similar to creating a new file, but select New Folder.
• Enter the folder name and press Enter.

Downloading files

• Right-click on the file you want to download. 
• Select Download
• Note that you cannot download the folder; instead, you can only download the file. If yo wish to download a folder, a workaround is to zip the entire folder and download the zip file. 

Opening a terminal

• Navigate to the top menu and select Terminal -> New Terminal to open a new terminal pane. You can open multiple terminal instances.

Copy/paste text from your local machine into the VS Code terminal

• Copy the text from your local machine.
• Paste it into the terminal using the following shortcut keys.
  • Mac: Command + Shift + V
  • Linux: Ctrl + Shift + V
  • Windows: Shift + Insert

Execute JavaScript programs

• Open your .js file and ensure the code is correct.
• Open a terminal and execute the following command to check if NodeJS is installed. If not, you can install it using the official instructions.
  node -v
• To execute a file, execute the following command in the terminal. Replace <your-file-name>.js with the actual file name.
  node <your-file-name>.py

Execute Python programs

• Open your .py file and ensure the code is correct.
• Open a terminal, and issue the following command to check if Python is installed.
  python3 --version
• To execute a file, issue the following command in the terminal. Replace <your-file-name>.py with the actual file name.
  python3 <your-file-name>.py