TIL > VScode improve productivity

Agnes Shin·2022년 2월 27일
0

key shortcut to improve your productivity in vscode

  • shortcuts >>> vscode improve productivity BONUS shortcuts

    if you want to go to the top of the file command + up arrow ,

          especially when you want to add a import 

    if you want to go to the bottom of the file command + down arrow

    used especially to export or edit from the bottom

command + B is to hide your side bar

NO.1 option + shift + drag**
especially useful when you want to select the column all at the same time

NO.2 option + shift + i**
it let’s you get a cursor for every line you have selected, this will let me format much much better

first highlight the your selections , and then press option + shift + i

NO.3 command + /
commenting and uncommenting this line

NO.4 option + shift + up arrow + down arrow**
it will copy a line (useful when using html or css, no need to copy and paste anymore

highlight element first and use the option + shift + up and down arrow

option + shift + up arrow** >>> will add an element at the bottom

option + shift + down arrow** >>> will add a element at the top

NO.5 option + up arrow + down arrow**
move codes up and down in place to modify the position in place, instead of using copy and paste

NO.6 command + CLICK
add a cursor and edit lines to fix it, to exit esc

NO.7 command + D
first highlight the word of the the code
take one code that is repeated many many times and select all at once
the highlighted word will be selected and then a cursor will be at the end,
so you can add additional codes if needed all at the same time

profile
30기 신윤숙 / FE

0개의 댓글