Workflow: Visual Studio Code
Вставка
- Опубліковано 2 жов 2024
- This video examines the code editor: Visual Studio Code.
🎥Next video: • Workflow: Shell
🎥Playlist: • 2018 Workflow: Editor,...
🔗 Visual Studio Code: code.visualstu...
🚂 Website: thecodingtrain....
💖 Patreon: / codingtrain
🛒 Store: www.designbyhu...
📚 Books: www.amazon.com...
🎥 Coding Challenges: • Coding Challenges
🎥 Beginners: • Start learning here!
📄 Code of Conduct: github.com/Cod...
"Blow people's mind !! Use 3 space tabs woooww !!!!"
Crack me up so hard 🤣🤣
i use 7 space tabs, beat that!
I am hoping to use 5 xD
Just started today as a web dev. We’re using vs code so this was super informative and coincidental!
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!
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.
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
Please tell me more
Hey how were you able to let it use the “let” says something about esversion 6
Dan the man is back at it again!
4 spaces tab team!
Assemble!
3 spaces FTW: you get the readability of 4 spaces with the eye candy of 2
4 spaces tab team!
@@luisgeniole369 and the anxiety of an odd number.
I prefer 1 space
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
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 UA-cam 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?
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.
Thanks for the answer!
And I see, it's always fun to try out and learn new things :)
Try Bracket Pair Colorizer extension!!
and GitLens
It's a must have extension imo.
Hot damn. This is something I've needed in my workflow. Thanks, champ!
Thank You so much ....Video was really helpful
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
How come u dont use the integrated terminal
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. ..
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.
@@TheCodingTrain you can use any shell, iTerm or whatever. The good thing about that is that your aliases come to vscode.
Honestly the best thing about vs code that makes it stand out is the code completion and the integration with typescript
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! :)
VS Code also has p5 code completion support. But it gets sometimes annoying.
Here is a p5.js extension to install that includes all of the p5.js functions:
marketplace.visualstudio.com/items?itemName=acidic9.p5js-snippets
It even has your face on it!
Use Prettier instead of Beautify.
Thanks for showing your stuff!
Zoom editor only on mouse wheel: "editor.mouseWheelZoom": true
You're welcome
you can also control wheel to increase or decrease font size too.....
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.....
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.
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?
Hey buddy, can imagine people who do not work with macs?... have you even imagine a world like that? /s
you should try neovim
Of course don't forget about magical "Ctrl + ` " command to open your built-in terminal. Most handy feature in this editor in my opinion
Thanks for the tip!
Dan is the only one allowed to do spaces. Everyone else has to do tabs. I don't make the rules
03:15 blow peoples minds with 3 space tabs.
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 :)
Which is why you can do it straight in the browser with Coder :)
I thought u were professor from money heist
how do we set it up on windows? didnt quite follow it
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
prettier is much better than beautify
Thanks I am going to look into it!
You are amazing ! :)
I'm on windows and not mac and a lot of this does make sense but i can't do some of it cause I'm on Windows. Any help?
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.
Three space tabs? You absolute madman!
how to get intellisense for p5
I use Prettier, JSLint | TSLint and GitLens.
i have question. when using mac . i found file '_.namefile . Is anoying for me.
Dude.....you're awesome
you can simply set beatify work on hitting save. no need for any of that extra changing code. you simply just promped on save and hit save lol
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.
Hello sir, excellent video. Say for example I want to make 3 programs which are calculators, a mobile app and a website. Should I make 3 different workspace or should I just make 1 workspace with 3 folders ?
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?
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!
@@TheCodingTrain 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. 😂
Hello sir, can I still learn p5.js without internet access like processing?
You can download the library once and use it again and again
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
I've been using VS Code for a while but Schiffman shows how to do it like a BOSS.
How to create extension of generate folder with file
Hilarious
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.
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.
9:25 This is why u wanna use pewdiepie?
Thx!
I want my rainbow sticks.....I change my address
Checkout liveshare extension for vscode!
why don't you explain how to set up p5.js on vs code?
love the energy!
This is a promotional video for Eclipse/IntelliJ :)
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
Eslint 2 tabs no semicolons. Aka standardjs
Nice video! Take a look at the prettier repo and extension, it’s similar to beautify but more opinionated in terms of styling.
I liked using JSON settings. Why they had to change it?
😒 vs code is the best ide.
speeeeeeeeeeeeeeeeed!!!
Fantastic!
Just use ed like a real man.
I love your videos!! Keep this awesome work!!
2 spaces tab team!
two spaces tabs!!! Nope :D
really 4 spaces? bye bye. /t
Awesome video
It looks kinda dull compared to sublime
better use prettier sir
instead beautify
love this guy!
u goofy
try looking into iterm2 / zsh / oh-my-zsh for colors in terminal. it gives context to git branches / virtual environments / and looks great.
Yes, that's what i show in the next video!
consider showcasing miniconda.
I'm gonna use 3 spaces tab for made ppl mad.
4:10
Mac people do not open a window full-screen, they increase font size instead :)
That's the dumbest comment I've read in a long time.
@@mikej7476, see the smile above, dude, see the smile ↑
how do you run the code?
I use a node server (which I show in a subsequent video). But there are many other ways too!
How do u managed to get autocomplete working? Extension?
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
Simply open/save as .js file?
8:56
too much chutiyapa
Useful and entertaining 👍. Thank you. I liked the install to path 👍🤓
can i use vscode to replace both p*5 and processing? O_o
vscode is just code editor.
Why is this unlisted?
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.
8:54
Programmer's life in a word.
look like author not fully healthy ...
I love it when apple nerds get excited about stuff like the shell... Uh, that is so neat and productive, we should have had this earlier! :-D
Solve .bat or .ink problem in usb plz
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.
yaay :D
Atom => VS code => Emacs
if only it wasn't created by MS , I would have given it a shot ,
just FYI. atom is owned by MS, too, now.
obviously you are the one who need tutorial about this editor lol
So true.
So nice . thanks for replying
No windows 10 only macs ...... Am still stuck vs code I am trying to print hello world but cant
i received a "Can't find Node.js binary "node": path does not exist. Make sure Node.js is installed and in your PATH, or set the "runtimeExecutable" in your launch.json. message does anyone know what this means or how to fix it?
The discord is a better place to get help with questions like this! thecodingtrain.com/discord
Introduce VSC, not beautify.
I will never support Microsoft, beside the keyboard hardware :)
There mice are pretty nice too.
Why are you doing this?
Very bad experience.