Тёмный

VSCode Tutorial - Getting started with VSCode 

Ihatetomatoes
Подписаться 54 тыс.
Просмотров 79 тыс.
50% 1

VSCode tutorial that will walk your through the VSCode interface and introduce handy keyboard shortcuts.
Want to see more VSCode tips and tricks? Let me know in the comments.
Premium Online Courses for front end developers and designers.
ihatetomatoes.net/store/

Наука

Опубликовано:

 

28 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 70   
@punstress
@punstress 6 лет назад
1:09 My welcome screen does not have a Clone Git Repo option.
@Ihatetomatoes
@Ihatetomatoes 6 лет назад
VSCode has been updated since I created this video. Press F1 and type in "Git clone" it should give you the option to enter your Git repo url. Hope that helps.
@UglyKidJoe71
@UglyKidJoe71 7 лет назад
Very nice video indeed. Clean, comprehensive and straight to the point.I look forward to the rest. Thank you
@NickHope
@NickHope 6 лет назад
02:26 If you're a beginner and wondering how he made that thing at the top appear, type CTRL+SHIFT+P on Windows, or CMD+SHIFT+P on Mac, or go to View menu > Command Pallette. That ">Shell Command: Install 'code' command in PATH" is not available here in Windows, but I seem to have that functionality anyway by default, maybe because of options I chose during the install.
@avrumy1445
@avrumy1445 6 лет назад
Typing 'code .' doesn't work for me on windows 10
@luismuzquiz1400
@luismuzquiz1400 7 лет назад
Love VS code!! Did not knew it before! The icons from the vscode-icons plugin are great. Actually i think this is the best looking text editor around. I started using it because of your videos. It works great. Now im installing the ftp-simple plugin. That functionality was basically why i was using Webstorm (the SFTP is included within the IDE). But i think i might be changing, maybe permanently who knows. I will try this editor for the next months. Thanks!
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Luis Múzquiz thanks a lot Luis!
@Pareshbpatel
@Pareshbpatel 6 лет назад
I am thankful that I stumbled upon your Channel so early on in my adventures with VS Code. Thank you.
@Ihatetomatoes
@Ihatetomatoes 6 лет назад
Paresh B. Patel you are welcome, hope you will find my tutorials useful.
@Pareshbpatel
@Pareshbpatel 6 лет назад
Thanks again, Petr.
@francescalabonte4346
@francescalabonte4346 2 года назад
Thanks. Helped immediately.
@irislicb3343
@irislicb3343 2 года назад
Hi, excellent video, very useful information! I would add the the big screen label of the commands as you mention. You did this for other of your GIT videos and it helped a lot to visualize the commands when learning them. Thank you!
@zwdxff5493
@zwdxff5493 7 лет назад
I have been using the vscode for a little time. The editor is incredible and also the videos
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
zwd xff thanks a lot man!
@daniellaerachannel
@daniellaerachannel 7 лет назад
another amazing series! thanks a lot Petr! yes a complete React series would be amazing
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks man. React is on its way:)
@rohitgird
@rohitgird 7 лет назад
I am switching to VSCode from Atom after seeing this video :)
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Rohit Girdhar haha thats great, let me know if you want me to cover another aspect of VScode in the future videos. Cheers
@charlinhos0824
@charlinhos0824 7 лет назад
Petr what a great VsCode series, I'd like to thank you for sharing your experiences with the World, and the theme you are working on it is cool, is it the material design theme ??
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
+Carlos Arturo Pimentel Trujillo thanks Carlos. The theme is the default VScode theme, just the vscode icons extension.
@romanmahotskyi6898
@romanmahotskyi6898 7 лет назад
Hello, thank you for tutorial. Could you please make a video about user settings, especially how to use two fonts by side. For instance, FiraCode (for operators like ===, =>, !== and etc) + Operator mono (or any other font)
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks Roman, I will add your request to the list. Anything else you would like to see covered in my future VSCode videos? Let me know.
@jawfox000
@jawfox000 7 лет назад
You are a very nice guy Thanks for the informative videos
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
+Ahmed Said thanks Ahmed! What would you like to learn next?
@linpingwang458
@linpingwang458 7 лет назад
Thank you Petr. I love to watch your channel and learn more knowledge. Thanks again. Can I see your react/redux video ? Best Regards !
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks a lot. React videos are in the making. Anything specific you would like to learn about React? Beginner, intermediate or advanced tutorials?
@linpingwang458
@linpingwang458 7 лет назад
intermediate. Hope to see your video asap. :) Thanks.
@yosirking
@yosirking 5 лет назад
hi, great intro, new to vscode, my vscode does not seem to have the open preview icon, do you know how I could fix this?
@WebbikerAarleRixtel
@WebbikerAarleRixtel 7 лет назад
Thank you Petr, I am liking VS Code more and more. One thing annoys me though, which is how it handles quotes. When I write for example a class attribute in a html-tag, I often want to go to the inside of the html-tag so I press the right arrow key. But when you do that when you are behind the quote , VS Code thinks it was a opening quote and places a second quote to close it again and removes the bracket of the html-tag in the process. Then, when you want to type the lost bracket VS Code automatically ads the closing tag of the html-tag, which was already there... It happens to me several times a day, very annoying.
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks a lot. I am not sure what your issue is, tried to do what you describing, but don't see anything weird happening. If you could record your screen that would help.
@WebbikerAarleRixtel
@WebbikerAarleRixtel 7 лет назад
Ok, found the problem. The first issue happens when the keyboard language is set to ' US International - PC', changed it to ' US' and the problem is gone. The second issue is related to the Auto Close Tag, disabled it and the problem is gone.
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Yeah it looked like a weird extension conflict. Thanks for sharing your solution!
@user-or7ji5hv8y
@user-or7ji5hv8y 5 лет назад
Great intro! What is the purpose of the 'preview pane' though? Is it simply to display the markdown page?
@jannismorgenstern203
@jannismorgenstern203 3 года назад
yeah it just shows a `human readable` version of your markdown file
@hansmuller2467
@hansmuller2467 7 лет назад
Great tutorial! Which program do you use for screen capture?
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks Hans. Screenflow is the best!
@ReagueOfRegends
@ReagueOfRegends 7 лет назад
Just started using VSCode at work, this series is very helpful. Also, with a name like Petr and that accent, are you Czech? :)
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
+ReagueOfRegends thanks man! And yes I am very proud to be Czech:)
@qasimashfaq6653
@qasimashfaq6653 7 лет назад
tell me please how to run a java program in VS Code directly but not in command prompt.................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................Waiting For Reply
@alexomarzavalabravo
@alexomarzavalabravo 6 лет назад
hello, a query you know how to run visual studio code in offline mode, because when I do not use the internet, vscode does not start. You know of some solution if there is one. I liked the editor and I do not want to abandon it, but without internet vscode it does not start :(
@bentsegay2941
@bentsegay2941 6 лет назад
i cant open vscode in offline mode any help???
@abcd-yg2rx
@abcd-yg2rx 4 года назад
I was trying to use Arduino through Vs code but when I write include Arduino it returns an error saying that it doesn't recognize the path. In addition I installed on Vs code the extension Platform Io but I think it s not executed , in fact the icon doesn't appear on the left side . Without it i cannot even create a new project. If I could create a new project it would be easier cause it would automatically create a folder and a path
@clariceIT
@clariceIT 7 лет назад
I am still quite new... what is the benefit of launching VSCode from a terminal?
@garrettbaker2320
@garrettbaker2320 6 лет назад
Just saves a step. Otherwise you would to open the VSCode and then open a folder.
@jfknumbers1345
@jfknumbers1345 4 года назад
Does VS Code support WYSIWYG editing? -Ramon F. Herrera JFK Numbers
@tigana
@tigana 4 года назад
Where is he from?
@_flamingdragon_
@_flamingdragon_ 4 года назад
Ctrl + tida?
@mfaani
@mfaani 3 года назад
if you're on a mac and wondering how/where he added the `>shell`, then do either of the following: - hit `cmmd + P` then type `>shell` - hit `cmmd + shift + P` then just type `shell` - view >> command Palette
@TheSldsnake
@TheSldsnake 7 лет назад
Thanks a lot, you are a big inspiration for me and i hate tomatoes too !!
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks man, really appreciate your support! Which of the videos are the most useful for you?
@TheSldsnake
@TheSldsnake 7 лет назад
i love scroll magic series and GASP but i use gulp. Right now i migration to webpack i love the serie
@dorothealeite5326
@dorothealeite5326 5 лет назад
How do i open the browser from VS Code?
@Ihatetomatoes
@Ihatetomatoes 5 лет назад
I think there is an extension for that:) should be build in to be honest.
@rhcarlosweb
@rhcarlosweb 7 лет назад
Cool, thanks for the video, i'm trying to change sublime to vscode, but i'm not ready to leave sublime yet haha. Have some things i prefer sublime, like create snippets. I use alot haha. In sublime is so easy to create, and organize, because each snippet you can save on separate file, but on vscode you need to do all snippets on a config file. If i want to create a long snippet of CSS for example, is so hard to do multiple lines snippet on vscode :\ with sublime is just copy and paste the entire code of your css, and that's it, when i use the snippet the entire code has the same identation, and configs, but on vscode i need to do like array to create multiple lines, and this kill me haha And that's why maybe you can create a video teach more about snippets on vscode, maybe... haha Thanks Keep you awesome job, i'm learning a lot from your videos :)
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks a lot Rhuan, I will add your suggestions to the list!
@wswebus922
@wswebus922 7 лет назад
Something wrong happens with VS Code in CSS autocomplete I type -> db + Tab and it should show diplay: block. But it do some other stuff. Then i click Ctrl+Z and Tab again and this time he type display: block; Every time i need to type Ctrl+Z & Tab to get the correct autocomplete Exaple video: cl.ly/17313x2v042u I stop all extensions. Same problem Maybe someone has same problem? How to solve it?
@wswebus922
@wswebus922 7 лет назад
Found solution! The problem was with VS Code InteliSense Disable it in user setting : cl.ly/3Z1O06113D0h "[css, scss]": { "editor.quickSuggestions": false }
@Sergio-td7mn
@Sergio-td7mn 3 года назад
best channel name altghough I love tomatoes
@clariceIT
@clariceIT 7 лет назад
So you don't like chips and salsa?
@BB-wh2vm
@BB-wh2vm 4 года назад
this is probably a different version of visual studio code
@yosens3917
@yosens3917 3 года назад
why u hate tomatoes ?
@Ihatetomatoes
@Ihatetomatoes 3 года назад
Haha, long story but I really hate them. Hope you found the tutorial useful.
@mycanroc2110
@mycanroc2110 4 года назад
i didnt know dr issac cliner from half life had a youtube channel
@rtorcato
@rtorcato 7 лет назад
Tried VSCode. but Atom is still the best for me. www.atom.io, second pick would be sublime.
@rtorcato
@rtorcato 7 лет назад
the other cool thing about Atom is that it's built with Javascript (Node) and Electron and it's open source.
@Ihatetomatoes
@Ihatetomatoes 7 лет назад
Thanks Richard, great to hear that you have an editor that makes you productive. VSCode is not for everyone.
@NikosKeyZ
@NikosKeyZ 7 лет назад
vscode is also built with typescript on electron and it's open source on github. In addition, vscode has intellisense, something that many editors are jealous about!
Далее
How to get started with VS Code
17:48
Просмотров 43 тыс.
VScode Tips - Mastering code selection and editing
7:06
ВОТ ЧТО МЫ КУПИЛИ НА ALIEXPRESS
09:35
Просмотров 637 тыс.
Don't use VSCode
35:31
Просмотров 216 тыс.
The Most Legendary Programmers Of All Time
11:49
Просмотров 540 тыс.
VS Code Top-Ten Pro Tips
9:36
Просмотров 1,9 млн
My Favorite VS Code Extensions
20:03
Просмотров 656 тыс.
How to use Git inside of VSCode
6:19
Просмотров 176 тыс.
Brutally honest advice for new .NET Web Developers
7:19
7 Years of Software Engineering Advice in 18 Minutes
18:32
Vite and Module Federation Makes Micro-Frontends EASY!
27:36