HomeОбразованиеRelated VideosMore From: The Coding Train

Workflow: Visual Studio Code

1393 ratings | 83804 views
This video examines the code editor: Visual Studio Code. 🎥Next video: https://youtu.be/FnkkzgYuXUM 🎥Playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X 🔗 Visual Studio Code: https://code.visualstudio.com 🚂 Website: http://thecodingtrain.com/ 💖 Patreon: https://patreon.com/codingtrain 🛒 Store: https://www.designbyhumans.com/shop/codingtrain/ 📚 Books: https://www.amazon.com/shop/thecodingtrain 🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Beginners: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Html code for embedding videos on your blog
Text Comments (126)
Yin Weiting (1 day ago)
Atom => VS code => Emacs
jonatan souza (10 days ago)
I love your videos!! Keep this awesome work!!
mikej747 (11 days ago)
Why would someone make a tutorial video about something they have never used and don't have the first clue how to use it? I've used sublime, atom, notepad, and a few others and VSCode is the nicest, and easiest I've ever used and will not switch back to any other. This nutcase is taking 10 steps to do a 1 step process. Whatever it is you DO KNOW, stick to that cause this ain't it. I think there is some kind of hospital looking for you somewhere.
Derp Marine (13 days ago)
Eslint 2 tabs no semicolons. Aka standardjs
Aravind M (14 days ago)
03:15 blow peoples minds with 3 space tabs.
Jesús Torrejón (17 days ago)
I'm gonna use 3 spaces tab for made ppl mad.
Leo Rdgz. (22 days ago)
Sorry, but can't continuing watching. When you decide make a serious video instead of being an idiot, I may watching again.
Yury Schkatula (27 days ago)
Mac people do not open a window full-screen, they increase font size instead :)
Yury Schkatula (11 days ago)
+mikej747, see the smile above, dude, see the smile ↑
mikej747 (11 days ago)
That's the dumbest comment I've read in a long time.
Nguyen Viet (1 month ago)
you should try neovim
Jason Thompson (1 month ago)
ah man, another one! I'm trying to decide to dust off my sublime text or try atom. I just dabble with the HMTL/CSS/Javascript trio. How does VS Code stack up for beginners or designers learning to code?
Jason Thompson (1 month ago)
+The Coding Train I totally agree. The more powerful the less intuitive for beginners. I'm going to dive into atom and see how in like it I have some Dev background . . . So no I'm not afraid. Lol. Nothing a reinstall can't fix. 😂
The Coding Train (1 month ago)
I am enjoy using it quite a bit! I love Atom too. None of these tools are really designed for beginners but worth giving a try for sure!
Hogarth McMallian (1 month ago)
how do you run the code?
The Coding Train (1 month ago)
I use a node server (which I show in a subsequent video). But there are many other ways too!
LordBeelzabub Thegreat (1 month ago)
you can also control wheel to increase or decrease font size too.....
LordBeelzabub Thegreat (1 month ago)
well, I could be wrong, idk if apple products allow for a mouse with a wheel to exist, it takes up so much space after all.... it would explain why a person would go through that many steps though.....
Abhishek Kumar (1 month ago)
Overacting voice
Sanjeev Kumar (1 month ago)
too much chutiyapa
Jake Meyer (1 month ago)
I hate to admit it, but as a diehard Linux user, I love VS Code. Professionally I have to code a lot of .NET. VS Code integrates a powershell env and .NET core easily. MS-SQL server is free for dev and has a Linux version, and integrates quite well. Git, TFS, I can do a lot of my work and collaborations before I have to touch Windows at all. In a nutshell, all .NET and interpreted languages are perfect for VS Code. It's just so clean, easy to use, and makes cross platform dev a lot easier.
Fantastic!
Youssef Lagtab (1 month ago)
prettier is much better than beautify
The Coding Train (1 month ago)
Thanks I am going to look into it!
Tôi Là Tùng (1 month ago)
2 spaces tab team!
Jason Lawson (1 month ago)
u goofy
Daniel Ritchie (1 month ago)
I used it for a few VB scripts and forgot about MS Code. Nice to see it again, any plans on ever doing any Python scripts?
Sergey Chistov (1 month ago)
look like author not fully healthy ...
DiNOo Gaming (1 month ago)
obviously you are the one who need tutorial about this editor lol
DiNOo Gaming (1 month ago)
So nice . thanks for replying
The Coding Train (1 month ago)
So true.
Iván Expósito (1 month ago)
really 4 spaces? bye bye. /t <3
Joe Neuman (1 month ago)
Why are you doing this?
God Makoto (1 month ago)
Solve .bat or .ink problem in usb plz
kavin kumar (1 month ago)
If you don't have proper content dont do videos
Francois Schnell (1 month ago)
You can change the font size on the fly also with ctrl+ and ctrl -. VScode is "just" a webpage desktop app with Chromium under the hood :)
Sayam Qazi (1 month ago)
I liked using JSON settings. Why they had to change it?
Karun kumar (1 month ago)
Very bad experience.
Pedram Sadegh-Beyki (1 month ago)
Hello Daniel, First of all, thank you for being the greatest and funniest programming teacher of all time. I've learned a lot from you and I truly admire and appreciate your hard work on generously sharing your knowledge to the world. I have two tutorial requests in regards to your workflow methods that I believe could save many people's lives: 1- "How to create a library for Processing" - I have certain classes that I like to use in my future sketches without having to copy-paste my codes. 2- "How to set up an external text editor for coding in Processing and easily 'Save As' any individual file of the sketch without having to create new folders with duplicated files and somehow force the editor to compile all the code files from specified paths that are not necessarily inside the same folder" - hope I was clear. Thank you in advance! :)
Habib Mustofa (1 month ago)
Zoom editor only on mouse wheel: "editor.mouseWheelZoom": true You're welcome
Prashant More (1 month ago)
VS Code also has p5 code completion support. But it gets sometimes annoying.
Zarren Spry (1 month ago)
two spaces tabs!!! Nope :D
Samir (1 month ago)
Increase speed of the video up to 2 and you'll see the most expressive tutorial about coding tools in your life.
John Pope (1 month ago)
try looking into iterm2 / zsh / oh-my-zsh for colors in terminal. it gives context to git branches / virtual environments / and looks great.
John Pope (1 month ago)
consider showcasing miniconda.
The Coding Train (1 month ago)
Yes, that's what i show in the next video!
BEN1JEN (1 month ago)
Just use ed like a real man.
Fiddle WidmaToe (1 month ago)
No windows 10 only macs ...... Am still stuck vs code I am trying to print hello world but cant
Maz (1 month ago)
8:54 Programmer's life in a word.
Yousuf Azad Sami (1 month ago)
love the energy!
Petru Guta Ciucur (1 month ago)
You are psychotic man... affected airs
LiveingMc - (1 month ago)
Thanks dan that was a great vid lel also a long time ago i told you about me and my friends making a club called pogo well weve grown alot and are taking part in a web develepment competition with other "teams" in Chicago and im realy exited for this opertunity and i owe everything i know to you thanks for all the great lesons and videos you really make it fun thanks
Jordan (2 months ago)
Just started today as a web dev. We’re using vs code so this was super informative and coincidental!
Arpit Bharti (2 months ago)
Use Prettier instead of Beautify.
Kamil Bugajak (2 months ago)
Of course don't forget about magical "Ctrl + ` " command to open your built-in terminal. Most handy feature in this editor in my opinion
The Coding Train (1 month ago)
Thanks for the tip!
Kamil Bugajak (2 months ago)
Btw. currently there are 3 extensions for p5.js (one of them has your face in a thumbnail XD) I think the last one (p5canvas) is extremely cool. It allows you to show your canvas right in VSCode instead of opening the file in browser
Kamil Bugajak (2 months ago)
Btw. after working with VSCode commercially for about one year I can recommend you some MUST-HAVE extensions: - GitLens (VSCode default GIT is good and handy and GitLens gives him a lot (like... A LOT) more features) - Bracket Pair Colorizer - vscode-spotify - One Dark Pro (Atom's default color scheme... the best in the world in my opinion) - Color Highlight - Debugger for Chrome - Live Server - Intellisense (for languages or technologies you want.) - QUOKKA (It's so extremely cool when you want to learn something with just outputing some data to console. Quokka gives you the opportunity to show the output in CODE LIVE) - Trailing spaces (to remove unnesecary white characters)
The Coding Train (1 month ago)
Thanks for these!
Joseph C Bugajski (2 months ago)
First, your last name is very similar to my last name, and that's unusual. I can almost guarantee that means our ancestors lived next to the same Polish river back in the day. Second, I use all of those extensions except Spotify and color highlight, and I'm installing those right now.
Kamil Bugajak (2 months ago)
8:25 You can also install keymaps via extensions which will allow you to use keyboard shortcuts from other IDE's like Atom, Webstorm, Sublime etc.
Kamil Bugajak (2 months ago)
7:40 Just use Command + Shift + P. It'll show you all functions that your extensions have :D In this case, you could just type "Bea" and VSCode will know that you might want to Beautify this file
Camrone Hassell (2 months ago)
can i use vscode to replace both p*5 and processing? O_o
AskEpic (2 months ago)
vscode is just code editor.
LaSo (2 months ago)
Did you know that there is an extension with your face as the logo? Its title is something with p5. Just look for it. XD
Shaun Dreclin (2 months ago)
Three space tabs? You absolute madman!
Priya S (2 months ago)
Checkout liveshare extension for vscode!
Ira Sanchez (2 months ago)
Thanks, we are going to use this in the program I'm in, so it's nice to get a breakdown of the program before diving into it.
Sohail Khan (2 months ago)
better use prettier sir
Sohail Khan (2 months ago)
instead beautify
Deric Jose (2 months ago)
help me pass my exam :O A program that ask the user to enter a series of numbers (use 0 to stop the series. After all the numbers have been entered, the program should display the the largest prime number of the series. Data validation: numbers should be greater than 0.
Ryan McGrath (2 months ago)
4:10
Alvaro Naranjo (2 months ago)
Nice video! Take a look at the prettier repo and extension, it’s similar to beautify but more opinionated in terms of styling.
Simon Engelhardt (2 months ago)
Introduce VSC, not beautify.
Jumpier Wolf (2 months ago)
Honestly the best thing about vs code that makes it stand out is the code completion and the integration with typescript
Aditya Chawla (2 months ago)
8:56
Nikolche Vasilevski (2 months ago)
Awesome video
shaytal100 (2 months ago)
Why don't you use Atom any more or why not use vim like real man do? :)
Eddie Jaoude (2 months ago)
Useful and entertaining 👍. Thank you. I liked the install to path 👍🤓
Spongman (2 months ago)
as well as/instead of increasing the document font size, you can also zoom the whole environment (in the view menu) which will also make all the rest of the UI easier to see for video presentation.
mannob (1 month ago)
Indeed, for presentations on a screen CMD-+/- (Ctrl-+/-?) while either a file or the UI has focus zooms in and out nicely and quick. Use it while teaching a lot. Nice, flexible and quick.
marcelo zapata (2 months ago)
"I don't want it to be tabs" :) AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
Yaman Tarakji (2 months ago)
if only it wasn't created by MS , I would have given it a shot ,
Spongman (2 months ago)
just FYI. atom is owned by MS, too, now.
Harsh Talpada (2 months ago)
How do u managed to get autocomplete working? Extension?
niter43 (2 months ago)
Simply open/save as .js file?
philosopheezy (2 months ago)
Are you thinking of "intellisense" ? That's what VS Code calls their feature that shows you the methods on objects, etc. There are different ones for different file types though, I believe JavaScript files automatically have it
Alex (2 months ago)
VSC is slow. Why not Atom?
Spongman (2 months ago)
really? i have run both on many machines for a while now. i have never seen atom be faster than vsc.
JaJeJJ (2 months ago)
Because atom is slower than code lol
quebono100 (2 months ago)
I will never support Microsoft, beside the keyboard hardware :)
BEN1JEN (1 month ago)
There mice are pretty nice too.
Thx!
billy damara (2 months ago)
Thanks for all of your videos, ive learn bunch from that. Can i req more neuralnetwork coding challenge for chess knight tours. Btw this might be my first comment on youtube.
Francisco (2 months ago)
How come u dont use the integrated terminal
Spongman (2 months ago)
you can also configure which shell is used in the vscode terminal, just in case it's not using zsh (or whatever) by default. the fact that you can toggle it simply with a single keypress, ctrl-click filenames/urls in it to open, set up build/run tasks, etc... make it way more convenient than switching to a separate program.
The Coding Train (2 months ago)
I like all the features that iTerm has? Plus I sometimes do a lot of stuff in terminal without Code open? But maybe I should explore using it more. ..
Caene (2 months ago)
I love the way you go into it without prior knowledge where things exactly are. Makes it easier for people to learn, I think. The whole mental process of finding the features and how to get them to work. Great stuff! Been using vscode for almost a year now, and I'm super happy with it. Clean, fast, and has great features.
WillyD (2 months ago)
"Blow people's mind !! Use 3 space tabs woooww !!!!" Crack me up so hard 🤣🤣
team clouday (2 months ago)
Try Bracket Pair Colorizer extension!!
Jens Gerntholtz (2 months ago)
Hot damn. This is something I've needed in my workflow. Thanks, champ!
Rochak Gupta (2 months ago)
It's a must have extension imo.
team clouday (2 months ago)
and GitLens
Beaver (2 months ago)
I want my rainbow sticks.....I change my address
NoMercy8008 (2 months ago)
First of all, thanks a lot for your videos! I never really comment (and I'm really sorry for that!), but I'ven been watching you on YouTube for a while now and I really really enjoy your style of teaching and your ways of conveying all your enthusiasm and all the fun you have doing what you're doing! Not only did I learn probably more than anywhere else, but I've also never seen any other coding videos which are so *inspiring* and creative :) Can't thank you enough for that! There are no words that can accurately describe all your awesomeness! :) I've also got a small question for you: In pretty much all your videos up to this point you've been using either Atom or Sublime as your main text editor, and I wonder what's your reason for switching to VS Code?
NoMercy8008 (2 months ago)
Thanks for the answer! And I see, it's always fun to try out and learn new things :)
The Coding Train (2 months ago)
Thank you for the nice comment! To be honest, I don't have any big reason for switching other than trying new things, I see others using VSCode and encouraging me to try, and I also wonder if Atom will continue to be supported now that Microsoft acquired GitHub.
Malik (2 months ago)
Can you make a coding challenge where you program: Arkanoid
Eric Rovell (2 months ago)
I have been using VS Code after that live stream and I am in love😋 sorry, Atom, but we should break up! Thank you for a nice tutorial!
Japheth Jay (30 days ago)
Please tell me more
William Riddell (1 month ago)
Social Justice Warrior you can now install the .NET core packages onto Linux! I’m so happy to finally move away from windows completely. Linux all the way
Social Justice Warrior (1 month ago)
Moved from Windows OS toLinux, was great. Tried VS Code o linux, ran into .net shortcomings really quick. Ended up being forced to go back to Windows just for Visual Studio and the full .net experience. I also did try Mono while I was on Linux, bu it was always behind on .net updates which made sharing projects with group member that use Windows very difficult.
Subscriber (2 months ago)
yaay :D
Daporan (2 months ago)
Dan the man is back at it again!
Jack Fairfield (2 months ago)
Here is a p5.js extension to install that includes all of the p5.js functions: https://marketplace.visualstudio.com/items?itemName=acidic9.p5js-snippets It even has your face on it!
Trent Nicholson (2 months ago)
Thanks for mentioning that open files from the terminal thing. I've been using vs code for a while now and never figured out the command
Copy-Pasta Paradise (2 months ago)
4 spaces tab team!
kevindt12 (1 month ago)
Once he begain with 2 spaces i just left the video
Аркадий (1 month ago)
i prefer 0 space
Rory Hemmings (1 month ago)
I prefer 1 space
Sean Wilkerson (1 month ago)
+John Doe and the anxiety of an odd number.
LiveingMc - (1 month ago)
4 spaces tab team!
Why is this unlisted?
gilshahar7 (2 months ago)
Thanks for showing your stuff!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.