---
title: "Visual Studio Code webIDE"
canonical: "https://help.skillpanel.com/space/FC/3091857417/Visual%20Studio%20Code%20webIDE"
format: markdown
---
#### **Introducing Visual Studio Code-supported TalentScore exams**

At DevSkiller we are always trying to improve the candidate’s experience when taking an exam on the TalentScore platform. That’s why TalentScore has implemented Visual Studio Code in-browser editor into everyday use for our candidates, greatly enhancing the candidate’s experience when working to get hired as a developer. 

Our tasks for **[particular technologies](#whattech)** now run on a warmed-up IDE, directly in your candidate’s browser at your request. By embedding this desktop-grade IDE into the browser, we remove the time-consuming act of having to set up the development environment on a local machine. 

Candidates don’t have to clone the code, wait for the dependencies to install, or indexes to build. They can literally start coding as soon as they open the test invitation. The main improvements include:

- **World-class code completion**. Smart completion assists candidates with the most relevant code applicable to the current context, directly in the browser. Including compilation errors, potential bugs, and improvements. Just like in a desktop environment.
- **Increased speed**: with the server-grade compute, this web IDE speeds up operations such as IDE loading, code compilation and building, and the running of large workloads.
- **Working terminal**. Visual Studio Code comes with a built-in terminal that will allow your candidates to operate from the command line, similar to their normal work environment.
- **Front-end preview**. Your candidates will be able to see how their code changes the frontend of the application in real-time. This allows them to get immediate feedback on whether their changes are working and correct, working side-by-side with code and preview.
- **Debugging and troubleshooting**. Candidates don’t have to guess what’s wrong with the task they are resolving because they’re able to debug the code. Breakpoints and other usual troubleshooting techniques work. They can showcase their bug-fixing and reasoning skills.


> Macro (anchor)

**What technologies Visual Studio Code wed IDE currently works for:**

- Java
- Frontend

#### **How to use the Visual Studio Code during your test?**

To use Coder Visual Studio Code web IDE in the TalentScore exam, simply click on the “Visual Studio Code in-browser editor” option on the programming task section in your test.

![image](media://d3872c71-34f7-42ab-bd50-4e90323d1c59)


You will see a README file with a brief explanation of how to set up the app and what has to be done in the task you are about to solve as well as some hints. You will also be able to see the amount of time dedicated to solving the task in the upper right corner of the screen (red square). Don’t worry, this window will be visible until you finish your test.

The time-showing pop-up has also another feature, once you expand it you can quickly view the task description, change to dark mode or switch on a dark contrast, all up to your preferences.

![image](media://8a3a8b19-ecaa-48ec-9c6f-c5b145e950f7)

When you make any changes to the code inside the editor, you can easily see your changes by activating the built-in preview. When IDE opens, it also automatically starts React.js/Angular/Vue application (or whichever framework you use). IDE will also open an embedded browser so you can see your application in real time. 

![image](media://cea2b2a9-08fe-4aa4-961b-f6ea6437357c)

#### **How to run tests using Visual Studio Code webIDE**

In order to run the tests to validate your solutions for the tasks, click the “Run all tests” button, located at the very bottom of the editor (red arrow).  

![image](media://6c45d618-110f-4999-ab03-d249f48818bd)

After running the tests, in the “terminal” tab, you will see if your solutions have passed or not. The tests are helpful to check your progress and to see whether your solution covers the requirements. 

When you want to finish your test, click on the “Finish” button visible in the “Actions” tab located in the time-showing pop-up. **Please keep in mind** that after you click this button you** won’t** be able to make any changes to the task.

![image](media://6549f35a-742b-453e-a802-e03491cccae1)


**NOTE**: You do not need to save your code manually. The IDE will do it automatically for you every 5 seconds. Changes are automatically pushed to your unique git repository. If you wish to switch to git mode and continue development locally, just git clone or pull all changes.