In this post I am gonna show you my personal vs code setup! Which makes me more productive. And gives me inspiration to do more coding. I will show...
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
You should give a try to Jetbrains Mono font 😊
Jetbrains Mono has to be the best coding font I've ever come across.
how can I get the Jetbrains Mono font?
jetbrains.com/lp/mono/
I used that a lot but now I've been playing with Cascadia Code and I have to admit that has got a lot better since I tested some time ago. I'm starting to appreciate the thing Microsoft is publishing and I disliked 'em for so much time that is a strange feeling 😂
It's honestly one of the best code editor fonts IMO. I always struggled with moving back and forth between fonts and this one has been the longest standing use for me!
Are you checking FiraCode ???
Yep! This was the first one I tested!
how can I get the Jetbrains Mono font?
jetbrains.com/lp/mono/
Here my current setup.
You can try extension that i use here :
Gitlens
indent-rainbow
Visual Studio IntelliCode
ES6 Snippets
Vetur
Relative Path
Bracket Pair Colorizer 2
Live Server
Path Intellisense
REST Client
And for theme and font, i'm using Mayukai Theme and Iosevka Mayukai Font
Big shout-out for Iosevka for all CJK users. The design aligns characters very well.
nice your setup is sick
A few of my favorites:
100% on gitlens. That is a lifesaver extension.
Nice article! I have the same config. Three suggestions though:
"Auto Rename Tag" is no longer required. VS Code has built-in functionality for the same not.
"Bracket Pair Colorizer" has a newer version. It's much faster than v1 and is called "Bracket Pair Colorizer 2". Check it out.
400 is default font weight.
wow thanks for informing me!!! :) But auto rename tag is still required in my device and I have said 400 medium is recommended with the best theme cause people might install other version so that's why I have said.
No PHP extension?
I've switched back and forth, and continue to find that none of them are very good. It's the main (perhaps only) reason I stick with JetBrains.
Everything else in VS Code is pretty great. I wish they'd sort that out and provide an official extension with reliable IDE quality language support. 😐
you can use this extention as a php dev -> marketplace.visualstudio.com/items...
No commits to the language server behind that project since 2+ years.
(Microsoft themselves are behind the tolerant parser behind the language service, but they don't appear to be using it for anything in the IDE space - and neither does anyone else, if I'm going by the package references.)
Since font's seems to be the theme of the comments section I'll add my two cents.
Hack Nerd Font
nerdfonts.com/font-downloads
Victor Mono font is cool too.
Did you try Fira Code iScript? I'm so so happy with the italics, even though I was skeptical first...
And another question, has anyone compared TabNine to Kite? (Free version) - I'm using Kite, it's quite helpful so far but not incredible, do you recommend TabNine instead?
Works with css? Get the CSS media query snippets..
wow thanks!
Well, thank YOU btw 😛 I made it 🤪🤪
While it's a paid font, I still can't recommend Dank Mono enough. Its a pretty unique looking font among the coding fonts, so you never know if you might like it!
gumroad.com/l/dank-mono
JetBrains mono is also good. Learned to love it when I started doing some C# coding for Unity stuff.
And in terms of themes, I just can't stop using Monokai Pro: monokai.pro/
Some other things to note that i haven't seen other mention:
Nice compilation though! Will be grabbing the autocomplete for sure
Thank for the font!
Really loved the theme. Thanks.
You should try Tabnine AI code completions! It uses GPT-2 based models to predict the exact code the developer has intended to type and saves thousands of keystrokes. Works miraculously with VS Code
Tabnine should be in this list !
Yay! Thanks for that, Ratul ❤️
The theme is not bad, thanks for sharing this!
I've been looking for something like "Auto Rename Tag" for a while now, thanks!
Youre Welcome :)
GitLens is also good
I use ubuntu mono font for my setup. With monokai theme.
oh awesome one!
Hey guys! I would like to ask a question with a problem I'm having. When I click on the "go live" tab on vscode it's not opening the web browser as it should, Chrome is my default as it always has been, also when I right click on the html file in the workspace column it's still not opening the browser. I've searched many solutions and none seem to be helping I've also uninstalled and reinstalled code twice, nothing seems to work, can anyone shed some light or point me in a direction I can work with. I appreciate any help you guys can offer.
omg i need to use the live server extention🤩 thanks for sharing, i've been looking for resources like this lately as I'm experimenting with vscode with web dev after being a loyal brackets user
Mine: Auto close tag, Auto rename tag, Power mode, Untabify
Mann! Power mode is sick!!!
I like monaco font. But i dont stick with one font.
same to you :)
Auto Rename Tag looks great. Thanks for the suggestion
haha, thanks for liking and mentioning my theme 😬
I was wondering why the install count did raise so much the last days and even github issues appeared until someone mentioned this article to me 😂
DUde! Your theme is so awesome. I really enjoy using your theme :D Thanks for creating that
What is the extension you used to get those three vertical lines for "===" operator?
Nice article! I'm currently using JetBrains Mono but I'm a huge fan of Fira Code as well.
I tried tabnine for typescript I found it completely useless
But in my device, it works just fine :)..... IDK why it is not working in your device it might be a bug .
I didn't it doesn't work I say it's useless ;)
I absolutely love the indent-rainbow extension.
universal-tutorial.com/general-tut...
You forgot to add Chameleon to ur useful extensions list!
TabNine is pretty heavy on resources, be noticed.
You may wanna try this one too :)
🔥A simple yet powerful extension to add wrapper templates around your code blocks
Surround
A simple yet powerful extension to add wrapper templates around your code blocks
Features
Demo 1: Choosing wrapper function from quick pick menu
Demo 2: Wrapping multi selections
How To Use
After selecting the code block, you can
to get list of commands and pick one of them.
List of commands
surround.with(ctrl+shift+T)surround.with.ifsurround.with.ifElsesurround.with.tryCatchsurround.with.tryFinally🚀🖖
How do i change fonts to jetbrains
at first install them > then go to settings > and search font's > then set it to > 'jetbrains mono' / 'fira code'
Nice but the arrow style in Fira Code and Jetbrains Mono isn't working in my IDE
make sure you have installed the fonts -> fonts.google.com/specimen/Fira+Cod...
I like Menlo font and Github Plus Theme
oh one of my favourite one.