Developed by Microsoft, Visual Studio (VS) Code is a multi-platform, modern, and comprehensive code editor. The Visual Studio Code supports TypeScript, Node.JS, JavaScript by default. Moreover, a plethora of extensions are available for visual studio code, enabling us to support other programming languages like C, C , GO, etc. The Visual Studio Code is available as a Debian package, flatpak package, and snap application.

Installing Visual Studio Code on Linux Mint 20 from the Debian package

To download the VS Code official Debian package, open your browser and visit the VS Code webpage (https://code.visualstudio.com/Download).

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image1-30.png" data-lazy- height="618" src="data:image/svg xml,” width=”1366″>

The VS code Debian package, is available for Linux. Click on the Debian package to download it.

Next, choose ‘Save File’ and click on ‘OK’.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image3-27.png" data-lazy- height="327" src="data:image/svg xml,” width=”446″>

The VS, code Debian package, will be downloaded in the ‘Downloads’ directory.

Once the Debian package is downloaded, fire up the terminal and navigate to the ‘Downloads’ directory with the command:

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image2-29.png" data-lazy- height="93" src="data:image/svg xml,” width=”812″>

Next, update the apt cache because it is recommended to update the apt cache before installing any new application:

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image5-23.png" data-lazy- height="283" src="data:image/svg xml,” width=”810″>

Type the below-given command to install the VS code .deb package:

$ sudo apt install ./code_1.52.1-1608136922_amd64.deb

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image4-25.png" data-lazy- height="449" src="data:image/svg xml,” width=”800″>

When the VS code is successfully installed, verify the installation and check the installed version using the command:

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image7-21.png60396d6ba110c.jpg" data-lazy- height="128" src="data:image/svg xml,” width=”810″>

The VS code 1.52.1 is successfully installed on my Linux Mint 20.

Installing Visual Studio Code on Linux Mint 20 from the snap application manager

Snap is the universal package manager for various Linux distribution. However, it is disabled on Linux Mint 20 by default. To install VS Code from the snap application manager, we need to enable and install the snapd on Linux Mint 20.

Before installing snap on Linux Mint 20, remove the nosnap.pref file with the command:

$ sudo rm /etc/apt/preferences.d/nosnap.pref

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image6-21.png" data-lazy- height="97" src="data:image/svg xml,” width=”801″>

Next, update the apt cache and install the snapd with the commands:

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image9-16.png" data-lazy- height="331" src="data:image/svg xml,” width=”806″>

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image8-18.png" data-lazy- height="256" src="data:image/svg xml,” width=”804″>

To install VS Code from the snap application manager, execute the command:

$ sudo snap install code –classic

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image12-10.png" data-lazy- height="108" src="data:image/svg xml,” width=”808″>

Verify the installation using the command:

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image10-16.png" data-lazy- height="507" src="data:image/svg xml,” width=”811″>

Installing Visual Studio Code flatpak package on Linux Mint 20

Flatpak is also a package manager for Linux. It comes pre-installed on Linux Mint 20.

Fire up the terminal and update the apt cache before installing the Visual Studio Code flatpak package:

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image11-12.png" data-lazy- height="282" src="data:image/svg xml,” width=”813″>

Now, install the Visual Studio Code flatpak package with the command:

$ sudo flatpak install flathub com.visualstudio.code

The Visual Studio Code flatpak package is successfully installed.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image13-9.png" data-lazy- height="156" src="data:image/svg xml,” width=”807″>

Press ‘y’ to continue installing the Visual Studio Code flatpak package.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image14-8.png" data-lazy- height="488" src="data:image/svg xml,” width=”809″>

Getting started with Visual Studio Code

Once you have installed the Visual Studio Code application using any of the described methods, click on the Application Menu and search for Visual Studio Code.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image15-6.png" data-lazy- height="283" src="data:image/svg xml,” width=”619″>

Open the Visual Studio Code application, and a dashboard screen will appear. The default theme of Visual Studio Code is dark, but it can be changed as well.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image16-6.png" data-lazy- height="634" src="data:image/svg xml,” width=”1014″>

To change the theme, click on File, choose preferences and select ‘Color Theme’.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image17-5.png" data-lazy- height="468" src="data:image/svg xml,” width=”772″>

Select the theme for the given list of themes.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image18-3.png" data-lazy- height="256" src="data:image/svg xml,” width=”598″>

The theme will be updated successfully.

<img alt="" data-lazy- data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/image19.jpg" data-lazy- height="627" src="data:image/svg xml,” width=”1016″>

To create a new file, press ctrl n and start using Visual Studio Code.

Conclusion

Visual Studio Code is a free and popular code editor. It is a multi-platform tool installed on Linux Mint 20 through the Debian package, flatpak, and snap application manager. It provides a wide variety of extensions that enable us to use famous programming languages. This post explains the Visual Studio Code installation on Linux Mint 20.

About the author

<img alt="Kamran Sattar Awaisi" data-lazy-src="https://kirelos.com/wp-content/uploads/2021/02/echo/52E439DD556343299E3D211D5E577D28-150×150.jpg60396d6c67d84.jpg" height="112" src="data:image/svg xml,” width=”112″>

Kamran Sattar Awaisi

I am a software engineer and a research scholar. I like to write article and make tutorial on various IT topics including Python, Cloud Computing, Fog Computing and Deep Learning. I love to use Linux based operating systems.