Visual Studio Code, commonly called VS Code, [1] X Research source is a user-friendly source code editor developed by Microsoft for various platforms, including Windows , Linux , macOS [2] X Research source and even your web browser . [3] X Research source It allows you to write and edit code in a variety of languages, including HTML [4] X Research source , JavaScript , [5] X Research source Python and many more. Read on for instructions to install this highly popular IDE! [6] X Research source
Steps
-
Open a web browser. Choose your favourite internet browser and open it. Popular browsers include Google Chrome , Mozilla Firefox , Opera and others. [7] X Research source
-
2Open Visual Studio Code's download page. It is located at https://code.visualstudio.com/Download . You can either click on it from here or copy and paste it into your browser's URL tab, then press ↵ Enter .
- Alternatively, use your browser to search for vs code and find the page from the search results.
Advertisement -
3
-
4Open the installer file. Open and use the File Explorer to find where the download is saved , then open the file . Otherwise, you can simply navigate to your browser's download history (usually by using a keyboard shortcut like Ctrl + J ) and run the installer file from there.
-
5Read and agree to the license agreement. Once the setup window opens, you'll be presented with the license agreement. Read it carefully, and click the radio checkbox beside "I accept the agreement" below the section if you agree. Then, click on the Next button in the bottom-right corner to proceed further.
- You can't proceed with the installation if you do not agree to the terms.
-
6Choose where you want VS Code to be installed. In other words, select the installation location. In the bottom-left area, you'll be shown the amount of storage space required for the installation. Check if your system has the necessary space. If not, consider cleaning up unnecessary files to free up disk space . Then, click on the Browse... button to choose a location, otherwise, a default one will be automatically selected for you. Finally, click the Next button in the bottom-right corner to proceed.
- VS Code is installed under C:\Users\{Username}\AppData\Local\Programs\Microsoft VS Code by default. [9] X Research source
- Unless you have various drives, leaving the installation location as default should be fine in most cases.
-
7Configure the Start Menu folder. If you like to use the Start Menu , you can add a folder to it for the program's shortcuts. Check/uncheck the checkbox next to "Don't create a Start Menu folder", use the Browse... button to optionally select another location and click on Next in the bottom-right corner to proceed.
-
8Select any additional tasks. These include options like creating a desktop icon , adding "Open with Code" action to different places etc. Check/uncheck the boxes next to the relevant setting as per your preference. Afterwards, click the Next button in the bottom-left corner.
-
9Review the installation parameters. You'll be presented with a screen containing a variety of details, including the location and settings. Ensure everything is to your preference; if not, then click the Back button to make changes, and navigate back to this screen when you're done. Click the Install button to start the process.
- Both of the Back and Install buttons are present in the bottom-right corner of the setup window.
-
10Complete the installation. Once you click the Install button, wait for the processes to complete. Once everything is successful, you'll see the completion screen. Here, you may choose to open the IDE by ensuring that the checkbox beside "Launch Visual Studio Code" is checked. Finally, click Finish . You may start your coding journey !
-
1Open a web browser. Choose your favourite internet browser and open it. Popular browsers include Google Chrome , Mozilla Firefox , Opera and others. [10] X Research source
- Some popular distributions like Ubuntu already have Mozilla Firefox pre-installed. [11] X Research source
-
2Open Visual Studio Code's download page. It is located at https://code.visualstudio.com/Download . You can either click on it from here or copy and paste it into your browser's URL tab, then press ↵ Enter .
- Alternatively, use your browser to search for vs code and find the page from the search results.
-
3Download the installer. Look for the Linux column in the center, and click on the big blue button on the left, where it says ".deb".
- If you have special/separate preferences, you can also choose to download a different type of installer, such as .tar.gz , CLI etc.
-
4
-
Open the Linux terminal. An easy way to do so on many popular distributions, like Ubuntu [12] X Research source and others is to use the keyboard and press Ctrl + Alt + T . [13] X Research source [14] X Research source Specific instructions for Ubuntu can be found here and direction for opening a root one for Kali Linux can be found here .
-
6Navigate to the directory which contains the installer file. Recall the location of the file from the previous step and navigate to it by using the cd command. [15] X Research source [16] X Research source Type cd <path of the directory> [17] X Research source and press ↵ Enter to execute the command.
-
7Install the .deb file. [18] X Research source You can use the dpkg command to do so. [19] X Research source Ensuring you're in the correct directory (which has the installer file in it), run sudo dpkg -i <name of installer file with extension> .
Note:As when installing anything from the internet, it's a good idea to research what each of the parameters mean.
-
8Enter the superuser account password. sudo allows you to run commands that require elevated privileges; [20] X Research source you should ensure you have the permission necessary and the password for the superuser account, as it is required for performing the action. Enter the password and press ↵ Enter to continue.
-
9Decide whether you'd like to add the Microsoft apt repository for Visual Studio Code. Partway through the procedure, you will be prompted if you would like to allow the installer to add the Microsoft repository and signing key to update VS Code through apt. You can use the keyboard to indicate your preference.
- This will add VS Code to your package manager, so it is automatically updated when you update your system.
-
10Exit the terminal. Once installation is complete, close the terminal. You can use the exit command [21] X Research source or simply click the "X" button on the top-right (on Kali Linux).
-
11Open Visual Studio Code (optional). On Kali Linux, open the Menu bar, search for code and click on "Visual Studio Code" to open the IDE. You may practice programming now!
Expert Q&A
Video
Tips
- If the dpkg command throws an error about dependencies, run sudo apt-get install -f to resolve them. [22] X Research source [23] X Research sourceThanks
- You can cancel the VS Code Windows installation by clicking the Cancel button in the bottom-right corner of the window.Thanks
Warnings
- If you try to open the VS Code Windows installer while already running an instance of the IDE, you will be warned as shown below. In such a case, close all instances beforehand if you want the setup to continue.Thanks
- Be extremely careful while using the Linux terminal. If not used properly, it could cause harm to your system. Ensure you review and properly understand each command before executing it.Thanks
- By downloading and using VS Code, you agree to the relevant license terms and the relevant privacy statement . [24] X Research sourceThanks
References
- ↑ https://www.alphr.com/vs-code-run-code/
- ↑ https://techcrunch.com/2015/04/29/microsoft-shocks-the-world-with-visual-studio-code-a-free-code-editor-for-os-x-linux-and-windows/
- ↑ https://www.windowscentral.com/how-use-visual-studio-code-web-browser
- ↑ https://www.wikihow.com/Run-a-HTML-File-in-Visual-Studio-Code
- ↑ https://www.sitepoint.com/debugging-javascript-projects-vs-code-chrome-debugger/
- ↑ https://survey.stackoverflow.co/2024/technology#1-integrated-development-environment
- ↑ https://gs.statcounter.com/browser-market-share
- ↑ https://www.pcmag.com/how-to/how-to-change-your-default-web-browser
- ↑ https://code.visualstudio.com/docs/setup/windows
- ↑ https://gs.statcounter.com/browser-market-share
- ↑ https://nordvpn.com/blog/best-web-browsers-ubuntu/
- ↑ https://www.geeksforgeeks.org/8-most-popular-linux-distributions/
- ↑ https://ubuntu.com/tutorials/command-line-for-beginners#3-opening-a-terminal
- ↑ https://www.geeksforgeeks.org/how-to-open-terminal-in-linux/#method-1-open-terminal-in-linux-using-keyboard-shortcut
- ↑ https://phoenixnap.com/kb/linux-cd-command
- ↑ https://www.wikihow.com/Save-Linux-Files
- ↑ https://www.wikihow.com/Run-Files-in-Linux
- ↑ https://code.visualstudio.com/docs/setup/linux
- ↑ https://www.digitalocean.com/community/tutorials/dpkg-command-in-linux
- ↑ https://phoenixnap.com/kb/linux-sudo
- ↑ https://blog.robertelder.org/intro-to-exit-command/
- ↑ https://www.wikihow.com/Install-DEB-Files
- ↑ https://code.visualstudio.com/docs/setup/linux
- ↑ https://code.visualstudio.com/download
- https://code.visualstudio.com/docs/setup/windows
- https://www.geeksforgeeks.org/how-to-install-visual-studio-code-on-windows/