VS Code Shortcuts (General Purpose and for Flutter)

By




So Our team at  GeekyPajis has Recently started Using Flutter for Personal as well as Freelance Projects .
The IDE of Our Choice like many other developers is VS code.
The follwing are some of the shortcuts that may come in handy if you're following the same path:-

  • #Flutter #Android #VSCode
  • Show All Shortcuts----------------------------------------->Ctrl + K + S
  • Show Command Palette------------------------------------>Ctrl + Shift + P 
  • Code Completion-------------------------------------------->Ctrl + Space
  • Quick Fix or the Magic Wand----------------------------->Ctrl + .
  • Go to line Number------------------------------------------>Ctrl + G
  • Format Document------------------------------------------>Shift + Alt +F
  • rename component------------------------------------------>F2
  • Comment multipe line(s)----------------------------------->Cntl + /
  • remove unused imports------------------------------------>Alt+Shift+o
  • Shift+Alt+↑ or Shift+Alt+↓ to copy a line/selection of lines up or down.
  • Shift+Alt+→ to expand the selection more and you can also shrink the selection by using Shift+Alt+←
  • find the pair of a bracket using Ctrl+Shift+\
  • Alt+← to see which all code you had come through to get here, you can use Alt+→ to go forward as well.
  • You can easily switch between open files/tabs using Ctrl+Tab
  • you have to take the terminal and go to the location where the workspace is and then type code. and then that workspace will open in current visual code window. If you want it to open to a new window, use the command code -n. and it will open the workspace in a new VS Code window. 

        

Debugging Shortcuts

        These are some of the debugging shortcuts which will come in handy, hope you don’t need any examples for the same.

  • F5 - Start Debugging
  • Ctrl+F5 - Start Without Debugging
  • Shift+F5 - Stop Debugging
  • Ctrl+Shift+F5 (macOS: Cmd+Shift+F5) - Restart Debugging (Hot Reload when debugging Flutter apps)
  • Ctrl+F5 - Hot Restart (when debugging Flutter apps and in a debug session)
  • F9 - Toggle Breakpoint
  • F10 - Step Over
  • F11 - Step In
  • Shift+F11 - Step Out

Comments

Post a Comment

Popular posts from this blog

How to get custom URL for YouTube Channel

By
Image
Get Custom URL for YouTube Channel Want to get Custom URL for your youtube channel then you are at the right place. You can get your custom url in just 2 minutes,Yes you heard it right. You will need 100 Subscribers to be eligible Step 1:- Visit Youtube Dashboard by clicking below Click here Step 2:- On the top right corner you will see your channel logo, click on the logo and then click on the settings icon. Step 3:- Under the Account Information click on Advance button. Now under Channel setting there will be Your are eligible for clamming your url. Buy  Batman Full Sleeves Tshirt Step 4:- Click on the  Claim here , Now select you desired url you want you can get the default or with your own text. Step 5:- After finalizing the url ✔️tick mark on I have read and accept the terms & condition and tgen click on Confirm Choice . ✔️ Done you have sucsssfully claimed your custom url for you YouTube channel!! For more info check ou
Read more

OnePlus 5 Launch event - Mumbai

By
Image
The  OnePlus 5  comes with a better camera, and technical specifications and operating system superior to its predecessor, OnePlus 3T. Here's what we know about the  smartphone  : The  OnePlus 5  aspires to be the next flagship killer, with top-of-the-line innards, premium cameras and redefined design language that is largely crafted on the blueprints of Apple's iPhone 7 Plus. Now that the  smartphone  is just about to be officially launched in India, and its features and specifications are made public, it’s time to compare the flagship device with its predecessor to determine whether the hype surrounding the device is good enough reason for you to buy it as an  upgrade. What has improved? Design                                                                                                                                                                      OnePlus introduced a metallic design with OnePlus 3 and the same design language has been taken
Read more