Scribd
Upload
10 views4 pages

Como instalar VS code

Como instalar VS

Uploaded by

ajba1973
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views4 pages

Como instalar VS code

Como instalar VS

Uploaded by

ajba1973
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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.

You might also like