Easy Tutorial
❮ Css Percentage Calculation Bridge Pattern2 ❯

VScode Tutorial

Category Programming Techniques

VSCode (full name: Visual Studio Code) is a free, open-source code editor developed by Microsoft that is cross-platform. This software supports syntax highlighting, code auto-completion (also known as IntelliSense), code refactoring, and definition view, and it comes with a built-in command line tool and Git version control system. Users can change themes and keyboard shortcuts for personalized settings, and they can also install extensions through the built-in extension store to expand the software's capabilities.

VS Code uses the Monaco Editor as its underlying code editor.

In the 2019 Stack Overflow Developer Survey, Visual Studio Code was considered the most popular development environment among developers.

Visual Studio Code natively supports a wide range of programming languages, including JavaScript, TypeScript, CSS, and HTML; it can also support other languages such as Python, C/C++, Java, and Go through the download of extensions. Supported features include syntax highlighting, bracket completion, code folding, and code snippets; IntelliSense can be used for some languages. Visual Studio Code also supports debugging Node.js programs. Like GitHub's Atom, Visual Studio Code is also built on the Electron framework.

Visual Studio Code supports opening multiple directories at the same time and saves information in the workspace for reuse.

As a cross-platform editor, Visual Studio Code allows users to change the code page of files, line breaks, and programming languages.


VScode Installation

-VScode Official Website: https://code.visualstudio.com/

-VScode Official Documentation: https://code.visualstudio.com/docs

We can download the software for the corresponding system (supporting Windows, Linux, macOS) on the VScode official homepage:

You can also open the download page https://code.visualstudio.com/download to download the desired format package:

VSCode installation is very simple; after downloading the zip on macOS, you can use it after extraction.

In this section, we take Windows as an example to download the installation package, then double-click to open the installation package and click Next:

Select the option to accept the agreement, then click Next:

Choose the installation path, or you can also use the default directly:

Click Next:

Note the installation path settings, environment variables are automatically added to the system by default, and check all the following options:

Finally, we click Install to complete the installation:


Install Language Pack

Installing the Chinese language pack for VScode is very simple. Open VScode, click on Install Extensions, enter Chinese in the search box, and then click Install:

For more information on VScode extensions, refer to the documentation: https://code.visualstudio.com/docs/editor/extension-marketplace


Interface Description

The following is the interface of VScode after startup, with a brief description as shown in the figure:

** Share My Notes

Cancel

-

-

-

❮ Css Percentage Calculation Bridge Pattern2 ❯