Visual Studio C++ Tutorial For Beginners

How to run a C acara in Okuler Studio Code?

A visual studio code is a lightweight software application with a powerful source code editor that runs on the desktop. It is a free source code editor developed by Microsoft for Windows, Mac OS and Linux. It is a software editor that has a rich extension of various languages like C++, C+, C, Java, Python, PHP, Go, etc. and runtime language extensions such as .NET and Unity. It is easy to edit, build, syntax highlighting, snippets, code refactoring and debugging. In visual studio code, we can change the application’s background theme, keyboard shortcuts set on our preferences, install an extension and add additional functionality.

Prerequisites for running a C program in Visual Studio Code

  1. We should have a basic knowledge of C programming.
  2. The Optis Studio Code Editor must be installed in the system.
  3. Download the C/C++ Extension. It is an extension provided by Microsoft that support visual studio code. It helps in IntelliSence, debugging and code browsing of the programming code in the visual studio.
  4. Download the C/C++ compilers. There are some popular compilers are:
    1. GCC on Linux
    2. GCC via Mingw-w64 on Windows
    3. Microsoft C++ compiler on windows
    4. Clang for XCode on MacOS

We have already installed the Okuler Studio Code in our system. The user interface of VS code look like the following:

How to run a C program in Visual Studio Code

Download & Install the C/C++ Extension

1. We need to click on the extension button that displays a sidebar for downloading and installing the C/C++ extension in the visual bengkel seni code. In the sidebar, type
C Extension.

How to run a C program in Visual Studio Code

2. After that, click on the
C/C++

How to run a C program in Visual Studio Code

In this image, click on the
Install
button to install the C/C++ extension.

3. After clicking the Install button, it shows the below image.

How to run a C program in Visual Studio Code

In this image, we can see it shows the
Uninstall
button that means the
C/C++
extension has been successfully downloaded in the visual studio code.

In this image, we can see it shows the
Uninstall
button that means the
C/C++
extension has been successfully downloaded in the visual studio code.

Download and Install Compiler Extension

A
MinGW
is an advanced GCC compiler software used to compile and execute code. It is software that supports only the window operating system.

Download the MinGW-w64 Compiler

1. Go to the
https://sourceforge.net/projects/mingw
We land on the following page.

How to run a C program in Visual Studio Code

2. After that, click on the
Download
button, then it starts the downloading of the
MinGW GCC compiler, as we can see in the below image.

How to run a C program in Visual Studio Code

3.
MinGW
software has been successfully downloaded into the system.

How to run a C program in Visual Studio Code

4. Now we double-click on the
MinGW
set up to install the compiler.

How to run a C program in Visual Studio Code

As we can see, it shows that it is a harmful file click on the
Run
button to proceed with installing the setup.

5. Click on the
Install

How to run a C program in Visual Studio Code

6. Set it defaults, or we can change the storage location of the setup. After that, click on the
Continue

How to run a C program in Visual Studio Code

7. After clicking the continue button, it shows step 2 of
MinGW
Installation Manager.

How to run a C program in Visual Studio Code

8. As we click on the
Continue, it shows the below image. In the
MinGW Installation Manager, we need to check the
Mingw32-base package
and
Ming32-gcc-g++ package
to run and compile the C/ C++ programa in the okuler sanggar code editor.

How to run a C program in Visual Studio Code

9. After selecting the checkbox, click on the
Installation
tab (at the top left corner of the dialog box).

How to run a C program in Visual Studio Code

Here we click on
Apply Changes
to set the package’s installation in
MinGW, as given below.

How to run a C program in Visual Studio Code

10. After click on the Apply button, it shows the below image.

How to run a C program in Visual Studio Code

11. After downloading the packages, it shows the installation process of the package, as shown below.

How to run a C program in Visual Studio Code

Here we can see all the changes have been successfully applied and then click on the
Close
button.

Set the Environment Path for the MinGW Set Up

After downloading and installing the MinGW compiler, we now set the environment path to include the C/C++ compiler directory.

1. Go to the installation directory of the
MinGW
Set Up. Here we installed the setup at the C drive, as shown below.

How to run a C program in Visual Studio Code

2. Double click on the MinGW folder. It shows the below image.

How to run a C program in Visual Studio Code

3. After that, click on the
bin
folder and then copy the directory path, as shown below.

How to run a C program in Visual Studio Code

Here is the path of the MinGW folder path:
C:\MinGW\kedelai

4. After copying the directory path, go to This PC -> Right Click on This PC -> Select/ Click on the
Properties. It shows the below image.

How to run a C program in Visual Studio Code

5. After that, click on the
Advanced system settings
to display a popup box of System Properties, as shown below.

How to run a C program in Visual Studio Code

6. Click on the
Environment Variables
to set the directory path, as shown below.

How to run a C program in Visual Studio Code

First, we have to click on the
System Variables Path
and then click on the
Edit
button, as shown in the above image.

7. As we click on the Edit button, it shows a popup window to set a new path, as shown below.

In the above image, first, we click on the
New
button and then paste the
C:\MinGW\bin
path; after that, click the
OK
button.

How to run a C program in Visual Studio Code

8. Similarly, click the
OK
button to the Environment Variables and System Properties.

9. If we want to check that the
MinGW
has been successfully installed in the system: go to the
Command Prompt
or
cmd,
write the
gcc -version, and press the
Enter

How to run a C program in Visual Studio Code

Start Coding in the Optis Bengkel seni Code Editor

1. Here we created a
C Program
folder to store all program code. We can create a folder with any name in any directory.

How to run a C program in Visual Studio Code

2. Go to the VS Code and click on the
Add Folder.

How to run a C program in Visual Studio Code

3. As we click on the Add Folder, it shows a popup dialog box to select the folder to store the program.

How to run a C program in Visual Studio Code

4. After selecting the folder, click on the
Add
The selected folder appears in the explorer section, as we have shown below.

How to run a C program in Visual Studio Code

5. Move the mouse over the
C PROGRAM
folder; it shows a
+
Click on the button and write the file name as
JavaTpoint.c, as shown below.

How to run a C program in Visual Studio Code

Now write and understand simple C programming in the VS Code editor.

JavaTpoint.c

How to run a C program in Visual Studio Code

After writing the code, right-click on the program, as shown below.

How to run a C program in Visual Studio Code

Click on the
Run Code
option or press
Ctrl + Alt + Tepi langit
from the button. It shows the following output.

Let’s write a program to calculate the area and perimeter of the rectangle in the VS Code editor.

Rectangle.c

We can click on the
Run
button or press the
Ctrl + Alt + N
from the keyboard. It displays the below output.

How to run a C program in Visual Studio Code

Let’s write another C acara to take an input from the user in the Visual Bengkel seni Code Editor.

Rectangle2.c

When we click on the
Run
button or press the
Ctrl + Alt + Ufuk, it displays the below output.

In the above programa, we take length and breadth as input from the keyboard. As the program is compiled, it produces the below statement.

How to run a C program in Visual Studio Code

Here
Output
tab is read-only, and hence we cannot take any input from the user. So, we need to add some steps in the code penyunting to take user inputs from the console/user.

Following are the steps to take input from the user.

  1. First of all, we need to stop the background running the
    c
    acara by pressing the
    Alt + Ctrl + M
    from the keyboard.
  2. After stopping the C file, go & click the
    File
    button at the top left corner of the Visual Studio Code Editor, and select the
    Settings
    via
    Preferences, as shown below image.
    How to run a C program in Visual Studio Code
  3. After clicking the
    Settings, it shows the image below.
    How to run a C program in Visual Studio Code

    In this image, select the
    extension
    button to set the settings for the C Compiler.
  4. Click on the Extension button and scroll the drop-down box to select the
    Run Code Configuration.
    How to run a C program in Visual Studio Code
  5. Now scroll the right-side pane and Tick on the
    Run In Terminal.

    How to run a C program in Visual Studio Code
  6. Go to the
    c
    and again execute the acara by clicking on the
    Run, it produces the following results, as shown below.
    How to run a C program in Visual Studio Code

Source: https://www.javatpoint.com/how-to-run-a-c-program-in-visual-studio-code