DEV Community

Cover image for My VSCode shortcuts, settings, and extensions for productivity.

My VSCode shortcuts, settings, and extensions for productivity.

Mark Abeto on August 22, 2019

Hi Guys Good Day! I've used a lot of IDE's and Code Editors since I started coding from college to my first job, Python's IDLE, PyCharm,...
Collapse
 
labibllaca profile image
labibllaca

A really good article here Mark, thank you.
Is it possible to add more commands in the keybindings.json file like the snippet below?

...
{
"key":"altGr+/",
"command":"openTerminal + whoamI"
}

Additionally i dont know hows the right name of the right alt-key :D

Collapse
 
macmacky profile image
Mark Abeto • Edited

Thanks, I appreciate that you like it. Of course, you can add as much as you like but remember that your new command must have a different key binding not included in the default keybinding settings CTRL+K CTRK+S.

Collapse
 
labibllaca profile image
labibllaca

All right thank you. Is it possible to apply 2 commands with a shortcut though ?

Thread Thread
 
macmacky profile image
Mark Abeto

Hi! Ok, I tried using one key binding for two commands.

Sample.json

So, when I pressed CTRL+B the toggle sidebar command works but the toggle terminal does not. Basically, It prioritizes the last command you put in your settings.

Thread Thread
 
labibllaca profile image
labibllaca

Hi Mark thanks for your response. All right I got it.
What I was looked for isn't possible in vs code apparantly.
I was hoping with a shortcut to open the terminal and then to apply an command on the terminal.
Like an combination of to shortcut into one.

Have a great day.

Thread Thread
 
macmacky profile image
Mark Abeto • Edited

😃 That's some advanced shit man! Maybe the VSCode devs will apply that in the future just wait. Have a Nice Day too!

Thread Thread
 
labibllaca profile image
labibllaca

hehehehe I see....maybe there is a workaround I need to find. Something like linux in its terminal has where more commands could be executed from one line devided by a semicolon.

Greeting,
Labi

Thread Thread
 
macmacky profile image
Mark Abeto

Ok, If I find some workarounds about the problem that you want to solve I will tell you about it but for now Good Luck Labi!.

Thread Thread
 
labibllaca profile image
labibllaca • Edited

Yeah, thanks for man. Same here, if I find something usefull I'd share it here too.

Collapse
 
jasonre42705235 profile image
Jason Rees

Hey Mark, Nice and Interesting I can see that you have mention all the shortcuts and brief explain about Vs Code. This will definitely help to all the developers/Coders. I have also one of the best article in which you can see the top essential extension of VS Code. To increase your productivity.

codersera.com/blog/top-essential-e...

Collapse
 
macmacky profile image
Mark Abeto

Thanks, Jason. Glad you like it. Ok, I'm gonna check that out rn.

Collapse
 
nilkanthjp profile image
Nilkanth Patel

Of all these, I think (somewhat surprisingly) the most valuable to me is Fira Code. Am I betraying my inner designer? I love how clean it makes my code look though with all the ligatures. Best fixed-width font out there!

Collapse
 
pavelloz profile image
Paweł Kowalski • Edited

Font ligatures are cool. And hurt readability, hence productivity, as well.

Collapse
 
shaunagordon profile image
Shauna Gordon

I suspect that's highly subjective.

I've used Fira Code with ligatures for years now and don't find it to harm either readability or productivity, in no small part because the new ligature fonts were designed with readability in mind.

If you don't find it readable, then choose a different font, or turn off ligatures (an option when using Fira Code; I don't know about the other ligature fonts, since I don't use them).

Collapse
 
macmacky profile image
Mark Abeto

I couldn't have said it better myself.

Collapse
 
tdotholla profile image
Kiel • Edited

I love the Fira Code ligatures because it replaces multiple symbols with single symbols (i.e. === to the triple dash, or !== to the 'not equal sign') but i see the pain of making the brain relearn the symbols for a few weeks..

but ooh it's so fun to write and so pretty to read....
it's like authoring a story instead of 'writing code'....

Collapse
 
macmacky profile image
Mark Abeto

😃 I know right but if you keep using it. It will be a lot easier in time and the symbols are cool af right.

Collapse
 
macmacky profile image
Mark Abeto

Hi Pawel! I think it entirely depends on the user. I really like Fira Code and I don't think it hurts productivity.

Collapse
 
oburejin profile image
oburejin

Why do you have so much themes? Is it for different projects?

Collapse
 
macmacky profile image
Mark Abeto • Edited

Honestly, I have more than 10 themes. I'm trying to find the right one that makes me comfortable. Yea, sometimes I use a different theme in a different project. But mostly I use dark-plus-syntax.

Collapse
 
oburejin profile image
oburejin

Oh, good luck with finding “the one”, not an easy task :)

Collapse
 
ecaepp profile image
ecaepp

You should checkout the extensions Rainbow brackets and rainbow indent. They are both nice editions to vs code.

Collapse
 
arberbr profile image
Arber Braja

Thank you for this exhausting collection of info. Im finding it easier to check the shortcuts here then on the original doc.

Also, im using extensions but i see some one one im gonna install asap.

Collapse
 
macmacky profile image
Mark Abeto

Thanks, man. Glad you like it!.

Collapse
 
mujeebishaque profile image
Mujeeb Ishaque

I read the full write-up. It's succinct and very interesting. Thanks for posting.

Collapse
 
macmacky profile image
Mark Abeto

Thanks, man! I really appreciate that you like it.

Collapse
 
codesomething profile image
Code Something • Edited

That's a really comprehensive / informative article, thanks for the post! I actually discovered some extensions from your post that I'm using right now. My previous favorite was vscode keyboard shortcuts tutorial.

Collapse
 
alyson profile image
aly quey

Thanks for the awesome information. :)

Collapse
 
macmacky profile image
Mark Abeto • Edited

No problem aly! Glad you like it.

Collapse
 
nawar29 profile image
Nawar Khabbaz • Edited

Thanks for the info, also Flake and Black are must use extensions for code neatness and readability

Collapse
 
macmacky profile image
Mark Abeto

No problem man. Ok, I'll try those extensions. Thanks.

Collapse
 
amirthananth profile image
Amirthananth

Soo good ! Came across some never heard plugins but very useful ones..

Collapse
 
hristiancarabulea profile image
Hristian Carabulea • Edited

Comment a block of code in VSC:
It is not "CTRL+K CTRL+Z" but "CTRL+K CTRL+C".
Have a nice day. :-)

Collapse
 
park53kr profile image
Junsuk Park

Hi Mark 👋!
Would you share ‘jsconfig.js’? My vscode is so slow when the editor looks for finding the component definition...

Collapse
 
macmacky profile image
Mark Abeto

Hi Junsuk! Do you mean settings.json file? I don't have any jsconfig.js file in my folder.

Collapse
 
wajahatanwar profile image
Wajahat Anwar

A very good article. Thank you so much