Como instalar VS code

How to install & setup Visual Studio code
Visual Studio Code (VS Code) on Windows 11:
Step 1: Download Visual Studio Code
1. Open Browser: Open any web browser (e.g., Chrome, Edge).
2. Go to the Website: Visit Visual Studio Code's official website.
3. Download for Windows:
o On the homepage, you will see a large Download button labeled "Download
for Windows."
o Click the button to start the download for the 64-bit version.
o The file will automatically download as VSCodeSetup-x64.exe.
Step 2: Install Visual Studio Code
1. Run the Installer:
o Once the download is complete, navigate to your Downloads folder.
o Double-click the VSCodeSetup-x64.exe file to start the installation.
2. User Account Control Prompt:
o A User Account Control prompt may appear, asking for permission to allow
the app to make changes to your device.
o Click Yes.
3. Welcome Screen:
o The VS Code installation wizard will appear.
o Click Next to proceed.
4. License Agreement:
o You’ll be asked to read and accept the License Agreement.
o Select the option I accept the agreement, then click Next.
5. Choose Installation Folder:

o The installer will ask you where to install VS Code. The default location is
usually fine (e.g., C:\Program Files\Microsoft VS Code).
o Click Next to proceed.
6. Select Additional Tasks:
o The installer will offer you several options:
▪ Add "Open with Code" action to Windows Explorer: This option will
let you open folders and files directly in VS Code from File Explorer by
right-clicking.
▪ Register Code as an editor for supported file types: This makes VS

Code the default editor for code files.
▪ Add to PATH: This is highly recommended, as it allows you to run VS

Code from the command line.
o Check these options, then click Next.
7. Ready to Install:
o The installer will show a summary of your installation options.
o Click Install to begin the installation process.
o It may take a few minutes to install VS Code.
8. Installation Complete:
o Once the installation is complete, the installer will show a screen with the
option to Launch Visual Studio Code.
o Leave the box checked, then click Finish to exit the installer.
Step 3: First Run and Setup
1. Launch VS Code:
o After installation, VS Code will open automatically.
o You’ll see the Welcome screen, where you can explore various tips and
shortcuts for using VS Code.
2. Install Extensions:
o On the left sidebar, you will see an Extensions icon (a square icon with four
smaller squares inside).
o Click the Extensions icon to open the Extensions Marketplace.
o Search for popular extensions such as:
▪ Prettier (for code formatting)
▪ Python (for Python development)
▪ Live Server (for web development)
o To install an extension, click on it and then click the Install button.
3. Customize Settings:
o Click on File > Preferences > Settings (or press Ctrl+,).
o In the Settings window, you can adjust various settings like:
▪ Theme (light or dark mode).
▪ Font size.
▪ Editor behavior (auto-save, word wrap, etc.).
4. Open a New File:
o To test the editor, you can open a new file by pressing Ctrl+N.
o Write some code and save it with the appropriate file extension (e.g., .html,
.js, .py).
5. Integrated Terminal:
o To open the terminal, click on Terminal > New Terminal from the top menu,
or use the shortcut Ctrl+ (backtick).
o The terminal will open at the bottom of the screen, and you can run
commands (e.g., node -v, python --version).
Step 4: Verify Installation and Environment
1. Verify Install via Command Line:
o Open the terminal within VS Code (`Ctrl+``).

o Type code --version and press Enter to check the installed version of Visual
Studio Code.
o You should see the version number of VS Code if everything is set up

correctly.
Visual Elements in Each Step
• Installer Screens: The VS Code installer will have a simple, user-friendly interface
with blue and white color themes.
• Icons: The installer and setup screens will feature icons like the VS Code logo and
simple navigation buttons (Next, Install, Finish).
• VS Code Interface: The main interface of VS Code has a left sidebar with icons for:
o Explorer (file navigation),
o Search,
o Source Control (Git integration),
o Extensions,
o Run and Debug.
o The central area is where your code editor and files will be displayed.

Como instalar VS code

Uploaded by

Copyright:

Available Formats

Como instalar VS code

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Como instalar VS code

Uploaded by

Copyright:

Available Formats

How to install & setup Visual Studio code

Visual Studio Code (VS Code) on Windows 11:

Step 1: Download Visual Studio Code

1. Open Browser: Open any web browser (e.g., Chrome, Edge).

2. Go to the Website: Visit Visual Studio Code's official website.

3. Download for Windows:

o The file will automatically download as VSCodeSetup-x64.exe.

Step 2: Install Visual Studio Code

1. Run the Installer:

o Once the download is complete, navigate to your Downloads folder.

o Double-click the VSCodeSetup-x64.exe file to start the installation.

2. User Account Control Prompt:

o The VS Code installation wizard will appear.

o Click Next to proceed.

o You’ll be asked to read and accept the License Agreement.

o Select the option I accept the agreement, then click Next.

5. Choose Installation Folder:

o Click Next to proceed.

6. Select Additional Tasks:

o The installer will offer you several options:

▪ Register Code as an editor for supported file types: This makes VS

▪ Add to PATH: This is highly recommended, as it allows you to run VS

o Check these options, then click Next.

o The installer will show a summary of your installation options.

o Click Install to begin the installation process.

o It may take a few minutes to install VS Code.

Step 3: First Run and Setup

o After installation, VS Code will open automatically.

o Click the Extensions icon to open the Extensions Marketplace.

o Search for popular extensions such as:

▪ Prettier (for code formatting)

▪ Python (for Python development)

▪ Live Server (for web development)

o To install an extension, click on it and then click the Install button.

o Click on File > Preferences > Settings (or press Ctrl+,).

o In the Settings window, you can adjust various settings like:

▪ Theme (light or dark mode).

▪ Editor behavior (auto-save, word wrap, etc.).

4. Open a New File:

Step 4: Verify Installation and Environment

1. Verify Install via Command Line:

o Open the terminal within VS Code (`Ctrl+``).

o You should see the version number of VS Code if everything is set up

Visual Elements in Each Step

o Explorer (file navigation),

o Source Control (Git integration),

o Run and Debug.

You might also like