Getting started with Visual Studio | Windows

How do I download and install Visual Studio code?

https://code.visualstudio.com/download

Download and install in your system.

How to open visual studio command prompt?

Windows Key + R
write "code"
Hit Enter Key

How do I add an extension to Visual Studio code?

https://code.visualstudio.com/docs/setup/additional-components
https://marketplace.visualstudio.com/VSCode

OR OPEN Visual Studio Code

Extensions for the Visual Studio family of products

How do you use prettier code formatter or code?

Using extension install “Prettier – Code formatter”.

How do I enable debugging in Visual Studio code?

enable debugging in Visual Studio code

How do I add an icon to Visual Studio code?

https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
vscode-icons

How do I install a code generator?

https://www.npmjs.com/package/generator-aspnet

Install necessary dependencies and then do npm.

npm install -g generator-aspnet

How do I change the theme color in Visual Studio?

ctrl + k
ctrl + v
Change your UI Color Theme.

OR

https://marketplace.visualstudio.com/search?term=theme&target=VSCode&category=All%20categories&sortBy=Relevance

VS Code Keyboard shortcuts for Windows

File management

Ctrl+NNew File
Ctrl+OOpen File
Ctrl+SSave
Ctrl+Shift+SSave As
Ctrl+K OShow active file in new window/instance
Ctrl+K RReveal active file in Explorer
Ctrl+K PCopy path of active file
Ctrl+Shift+TabOpen previous
Ctrl+TabOpen next
Ctrl+K EnterKeep preview mode editor open
Ctrl+Shift+TReopen closed editor
Ctrl+K Ctrl+WClose All
Ctrl+F4Close
Ctrl+K S
Ctrl+,
Save All
Settings

Navigation and Basic

Ctrl+TShow all Symbols
Alt+ ← / →Go back / forward
Ctrl+XCutline (empty selection)
Ctrl+Shift+TabNavigate editor group history
Ctrl+CCopy line
Ctrl+Shift+KDelete line
Ctrl+GGo to Line…
Alt+ZToggle word wrap
Ctrl+Shift+\Jump to matching bracket
Ctrl+PGo to File…
Ctrl+EnterInsert line below
Ctrl+Shift+EnterInsert line above
Ctrl+Shift+OGo to Symbol…
Ctrl+] / [Indent/outdent line
Home / EndGo to beginning/end of line
Ctrl+↑ / ↓
Alt+PgUp / PgDn
Scroll line up/down
Scroll page up/down
Ctrl+Shift+MShow Problems panel
Ctrl+K Ctrl+[
Ctrl+K Ctrl+]
Fold (collapse) all subregions
Unfold (uncollapse) all subregions
Shift+F8Go to the previous error or warning
F8Go to the next error or warning
Ctrl+K Ctrl+0Fold (collapse) all regions
Ctrl+K Ctrl+JUnfold (uncollapse) all regions
Alt+ ↑ / ↓Move line up/down
Shift+Alt + ↓ / ↑Copy line up/down
Ctrl+K Ctrl+CAdd line comment
Ctrl+K Ctrl+URemove line comment
Ctrl+/Toggle line comment

Integrated terminal

Ctrl+Home / EndScroll to top/bottom
Shift+PgUp / PgDnScroll page up/down
Ctrl+Shift+`Create new terminal
Ctrl+CCopy
Ctrl+↑ / ↓Scroll up/down
Ctrl+VPaste
Ctrl+`Show integrated terminal

Debug

Ctrl+K Ctrl+IShow hover
F9Toggle breakpoint
Shift+F5Stop
F11 / Shift+F11Step into/out
F10Step over

Some important for short cuts

F3 / Shift+F3
Ctrl+F
Ctrl+H
Find next/previous
Find
Replace
Alt+EnterSelect all occurrences of Find match
Ctrl+DAdd selection to next Find match
Ctrl+K Ctrl+DMove last selection to next Find match
Alt+C / R / WToggle case-sensitive / regex / whole word
Ctrl+Space
Ctrl+Shift+Space
Trigger suggestion
Trigger parameter hints
Alt+F12
F12
Peek Definition
Go to Definition
Ctrl+.Quick Fix
Shift+Alt+F
Ctrl+K Ctrl+F
Ctrl+K F12
Format document
Format selection
Open Definition to the side
F2Rename Symbol
Ctrl+K Ctrl+XTrim trailing whitespace
Shift+F12Show References
Ctrl+K MChange file language
Ctrl+K ← / →Move active editor group
F11Toggle fullscreen
Shift+Alt+0Toggle editor layout (horizontal/vertical)
Ctrl+\Split editor
Ctrl+BToggle Sidebar visibility
Ctrl+ 1 / 2 / 3Focus into 1
1st, 2nd, or 3rd editor group
Ctrl+K Ctrl+ ←/→Focus on previous/next editor group
Ctrl+F4, Ctrl+WClose editor
Ctrl+K VOpen Markdown preview to the side
Ctrl+Shift+HReplace in files
Ctrl+Shift+VOpen Markdown preview
Ctrl+Shift+UShow Output panel
Ctrl+Shift+DShow Debug
Ctrl+Shift+FShow Search
Ctrl+Shift+GShow Source Contro
Ctrl+Shift+Alt
+PgUp/PgDn
Column (box) selection page up/down
Ctrl+Shift+Alt
(arrow key)
Column (box) selection
Shift+Alt +
(drag mouse)
Column (box) selection
Shift+Alt+←
Shift+Alt+→
Shrink selection
Expand selection
Ctrl+Shift+L
Ctrl+F2
Ctrl+L
Select all occurrences of the current selection
Select all occurrences of the current word
Select current line
Shift+Alt+IInsert cursor at end of each line selected
Ctrl+Alt+ ↑ / ↓
Alt+Click
Insert cursor above / below
Insert cursor

How to change font in visual studio code?

Ctrl+,

How to exclude file from commit git visual studio

How do you change key bindings in VS code?

How do I add languages to Visual Studio Code?

Ctrl+Shift+P

Restart the Visual Studio.

How do I unhide the side bar in Visual Studio code?

Ctrl + B (Hide and UnHide)

How do I unhide the Activity bar in Visual Studio code?

Ctrl+Shift+P
>Activity Bar
Hit Enter Button

How do I search for files in Visual Studio Code?

Ctrl + P

How to see local history changes in Visual Studio Code?

OR

How to check file timeline in visual studio code?

  1. Select your file from VS Code.
  2. From side bar click on the Timeline

How to find function calls in visual studio code?

How do I use multiple cursors in Visual Studio Code?

  1. Check your current cursor position.
  2. Press ALT Key from Keyboard.
  3. Click and add the cursor

How do I make the font bigger in Visual Studio code?

Ctrl + "+" :- Increase 
Ctrl + "-" :- Decrease 

How do I create a workspace folder in Visual Studio code?

How to check most popular extension version in visual studio?

How to check installed extensions in visual studio code?

How do you see who made changes in Visual Studio code?

How do I generate HTML code in Vscode?

Important HTML Tag

 .alert.alert-info>.container

 .alert.alert-info 
 .alert.alert-success
 .alert.alert-primary
 .alert.alert-secondary
 .alert.alert-warning
 .alert.alert-dangeror
 img:s
.row>.col-md :- For laptop screen
.row>.col-xs :- For Mobile devices.
.row>.col-sm :- For like I-PAD
.row>.col-lg :- for very BIG SCREEN.

Output
<div class="row">
        <div class="col-md"></div>
</div> 
.row>.col-md-4*3

 <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4"></div>
        <div class="col-md-4"></div>
</div>

How do I add a CSS file to Visual Studio?

Leave a Comment