Learn 25 VS Code tips and tricks that will help you write code faster. Try out awesome new features and extensions that turn your editor into a full-blown IDE.
#vscode #learntocode #programming
Support me for $1 on github
🔗 Resources
VS Code
Remote Repositories
vim Tutorial
📚 Chapters
00:00 Intro
00:35 1. VS Code CLI
01:03 2. Release the Mouse
01:45 3. Command Palette Ctrl+P
02:10 4. Run Commands
02:25 5. Quokka
02:43 6. Find Symbols with @
03:14 7. Find symbols with #
03:36 8. Move Around Quickly
04:07 9. Multiline Editing
04:23 10. Auto Rename Tag
04:47 11. Delete or move a line
05:16 12. Highlight & Comment Lines
05:39 13. JS Doc Extension
06:07 14. Better Comments
06:20 15. Integrated Terminal
07:14 16. Tasks
07:38 17. Git Source Control
08:26 18. Git Lens Extension
08:40 19. Remote Repositories
09:14 20. Remote SSH & Containers
09:31 21. Custom Snippets
10:01 22. Community Snippets
10:13 23. Auto-create directories
10:29 24. Paste as JSON
10:50 25. Rename Symbol
🤓 Install the quiz app
iOS
Android
🔥 Watch more with Fireship PRO
Upgrade to Fireship PRO at
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
– Atom One Dark
– vscode-icons
– Fira Code Font
Emmet balance outward command – expands selection outwards to the nearest tags/brackets. Hit again to include the tag in the selection. Now combine with another powerful one: emmet wrap with abbreviation. Never cut + write <tag></tag> + cursor between + newline + paste again! Just click on the desired section, balance outward, wrap with abbreviation. Boom!
Tip 0: use Neovim😊
ps: just try vim motions plugin
Cannot find Add jsdoc comment extension
nice
To imporove your productivity upto (1/0)X :
Ctrl + V
… Read more
Ctrl+P
Proceeds to use mouse to select option
why did I pay $10 for the course when this video covers all for free
collapsable code as it was tabbed
(Comment for that lang) + #region (Name region or leave it blank)
codehere
(Comment for that lang) + #endregion (Name region or leave it blank)
That way youll have collapsable code "codehere" even if is not in tabs
I'm probably going to have to ask Stackoverflow this, but anyone with an answer would be appreciated. When I code in Python, particularly a tkinter project, some extension, not Pylance, I have that disabled, keeps popping up these annoying suggestion boxes which screens out my code. I have to escape to get rid of these popups, and when I do, it changes my cursor to a square, so that I have to hit the insert key to get it back to an i-beam so that I can make any changes in my code. This has made me spend so much time going over the key sequences to correct it. Is there any solutions to disable this behavior from the command palette, or do I have to disable the extension, and how do I figure out what extension is being so rude?
5:34 i use SHIFT + Down arrow/up arrow
to select multiple lines
5:02 i didnt know that
i alway used Shift + HOME CTRL + X
3:54 i found this out myself once
and was shocked that this is the first time i've seen anybody use it
i use CTRL + SHIFT + *arrow key* all the time, even in normal texts when i just want to correct a typo
Omg
Thank you!!
I just press f5 to run any code works best
if you want to change all occurrences of anything you can just us "ctrl+f2"
Alt+Click and Ctrl+Shift+Up/Down are probably my favourite vscode shortcuts. So useful for efficiently semicolonising multiple lines at once
НО, чем больше добавите дополнений в vscode тем он медленнее будет работать, и больше тратить памяти. Имхо лучше всё же git – отдельно, shell – отдельно, vscode только для кодинга…
Great video
I hit ctrl + L and my pc got locked
Putting the mouse on the name we want to rename then just hitting F2 key will open the rename menu.
good
If I had a nickel for how much my time was wasted by being told "time is your most valuable asset" in all these videos, I'd have more time. (Yes, I see the irony that I am wasting more time by writing a meaningless comment about time wasting.)
ha ha
You're a hero
Juat use neovim man even when i did use vscode i was atlest dmart to use vim mode for 90% of this shit
new challenge: use vs code without mouse
Very help tips. I try using them and it really helps speed things up. By the way, how can I move a selected piece of text horizontally?
This video is lifechanging.
I use VSCode but didn't know these tips (example, alt up and down to move lines, ctrl x to cut a line like dd in vim and then paste it somewhere else).
As a test, I clocked how long it takes me to simply either stay on my keyboard and type 1-20 without even rushing it (I typed the characters one at a time with a short pause, I didn't just run my finger across the top row), and it took 9 seconds while being slow and deliberate.
Then I tried it again but after each one I lifted my finger, reached for the mouse, clicked another part of the screen, clicked back to where I was writing, moved my hand back to the keyboard from the mouse (just touching my right hand anywhere on the keyboard, with my left hand already ready to type the next number) and going back and forth to the mouse like this for a count 1-20 took this long:
71 seconds.
That means staying on the keyboard is literally 8x faster even while staying slow and deliberate.
8x speed improvement!!
that section of the video along with the other tips is literally lifechanging as a developer and helps explain how come Fireship is a God tier developer (for example for another video built an application in ten different frameworks quickly, which involves debugging JavaScript ten diffferent times, for ten different frameworks each with their own quirks).
I will study and practice the tips in this video carefully. If anyone else has such God tier productivity tips for VS Code feel free to reply to this comment (even once it is a couple of years old), as I expect to stay on VS Code for my IDE for a very long time!
Thank you Fireship for sharing these amazing tips.
5 things I find EXTREMELY useful outta this video:
1. alt ↑ / ↓ — move line around
2. shift + alt ↑ / ↓ — move line around + copy
3. ctrl ← / → — jump to next symbol
4. Name your terminal sessions
5. Paste JSON as Code
I used to use Sublime for many years and started using VS Code because I just realized it was the right thing to do. LOL
Some of my own tips that I used to think it was common sense but then realized not so many developers are using. Use emacs key combinations for navigation in VS Code. Saves me so much time!
Open folder with ALL your previous projects and make Ctrl F with regular expressions to search for some quirky stuff you barely remember. This is so fast with VS code.
thank you brother.
ctrl / does not work
1:28 bro that's exacly mt keyboard wtf LMAO
Is there any shortcut for navigating between previously opened terminals in VS Code?
btw i use vim
Really nice tips in here. The tasks one is going to change my life for sure.
Whenever i do ctrl+v in terminal it shows ^v what's the issue please help
Thank you