Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

Visual Studio code tutorial

1. Create and open a project in VSCode

2. Sidebar

  • zoom in (cmd + + / cmd + -)
  • create files and folders
  • collapse folder in explorer
  • expoler -> right click -> move primary sidebar left and right
  • outlines
  • adding extensions

3. split screen coding

4. Activity bar (the left most one)

  • it has explorer (cmt+shift+E), hide sidebar (cmd + B), search (cmt+shift+F), git, debug(cmt+shift+D), extensions (cmt+shift+X), setup github profile
  • we can change the activity bar extensions (fluent icons)

5. basic shortcuts

  • ctrl/cmd + c = copy
  • ctrl/cmd + v = paste
  • ctrl/cmd + x = cut
  • ctrl/cmd + z = cut
  • alt/option + up/down => to move something selected
  • ctrl + ` => open terminal

6. Advanced shortcuts

  • command pallete -> cmd + shift + p => open setting.

  • access file -> cmd + p (handy when you are in zin mode which means can not see explorer)

  • remove breadcrumbs (file path at the top) (cmd/crl + , => enabale breadcrumb)

  • remove minimap (right side small map) (cmd/crl + , => enabale breadcrumb)

  • open zen mode => view -> apperance -> zen mode (cmd+k then z)

  • expanding and collapsing code

  • navigating - tab => cmd+shift+]/[ - cmd + p => try :linenumber => enter or ctrl + G (mac/windows) - cmd + p => try @title => enter

  • search and replace - Find (cmd + F) - Replace (cmd + H) - Alt+Enter Select all occurences of Find match - cmd + shift + H => paste the search value => replace with a text => replace all

  • text navigating shortcuts - option + right arrow => navigate one word to the right - option + left arrow => navigate one word to the left - cmd + right arrow => cursor to the end of the line - cmd + left arrow => cursor to the start of the line

  • multi cursor selection => option + select anywhere

7.Emmet's

  • nested => hdr>nav>ul>li*4>a
  • h1{hello}*5
  • mn>sect>art.love>hdr>ul>(li>a)*3^^sect>h1{welcome}*2+p{lala}
  • css emmet: p1rem, m1rem, bgimg, bgc,c,df (display flex),dg (display grid), db, di

8. show/hide

  • cmd + shift + p => focus/hide activity bar
  • show and hide status bar

9. VSCode theme

  • Themes extension: Dark vision < Fleety < Andromeda < Framer dark < Cyberpunk < pro hacker theme < Github theme

About

No description, website, or topics provided.

Resources

Stars

5 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages