Get 50% off Tabnine for 6 months with the below link. www.tabnine.com/pricing/checkout?planInterval=month&promotionCode=WDSPRO This link is only valid for the first 100 people.
Consider adding Jumpy and Bracket Pair Colorizer to your list of must-have plugins. The first lets you easily jump to different parts of your code. The second helps match up different brackets.
Cool tip: You don't need to modify VS Code's CSS to make the text bigger just for videos like this -- you can simply press [CTRL] [ + ] or [CTRL] [ - ] to Zoom the whole GUI of the program. Super useful when I'm switching from a large monitor to smaller screen too! I actually wish more software had easy UI zooming feature like this, as High DPI support on Windows is really janky and inconsistent.
7:24 Why don't you make use of Workspaces then? You could have a custom workspace specifically to your workflow or youtube channel, and the general workspace just as you like, or even another custom workspace with all the modifications you would want to have enabled or different from the default.
I'd love to know your thoughts on tailwind CSS. As a company we are looking at this as overall most of our developers use bootstrap as a base and the applications we build in often use bootstrap, however, it seems like it has some potentially good reasons to use rather than bootstrap, especially when you generally override much of bootstraps classes.
Thank you for this video. I just started coding HTML and CSS and has to download VS Code and was overwhelmed. Hopefully, this helps a bit! Now to find a tutorial lol.
Do you recommend autocomplete for someone who is learning to code? I have avoided installing tab-nine because I am worried that it will do too much of the work for me and I won't learn as much.
Hi quick question what notebook would handle visual code with all these extensions? And another quick question what computer setup would handle this ? , how heavy is this personalized visual code in the end?
Tabnine is awesome in terms of what it offers but the pricing model is hilariously ridiculous. The free version has a daily auto-complete limit? The cheapest plan is an annual $144 subscription? Yeah I'd like to see some actual studies that show it paying for itself in terms of productivity. For $12 a month PER USER you could buy your employees a Netflix subscription so they can relax after work and not be so burnt out they can't complete their own code.
2 quick questions: 1) what is ur favorite theme in vscode? 2) is there another extention like "html css support" but in reverse mode? (I mean I wanna set class or id in html file first, and then I wanna use them in css file with getting autocomplete of class names and id names from html file!) * in Adobe Dreamweaver it is possible. What about vscode??? *
I know that the question wasn’t addressed to me, but I will try to help you out. Monokai + Material Icon Theme + Fira Code + Font Ligatures = 😍 Checkout: - VS HTML to CSS - CSS Navigation - CSS Peak - IntelliSense for CSS class names in HTML hope this helps you, best of luck.
how do I change and update something in settings.json when it's read only editor? Had tried some methods and made VSCode run as an administrator as well but it didn't work
Hi Kyle, maybe you can help me on this matter. I need to know how much time I spent in each file of a considered workspace, I mean, I just need to know the time I spent to wuite a certain file (.html, .js, .css, etc.), so, at the end, I have a notion of the total time I needed to develop an entire project. I looked on VSCode extensions, but I don't know if I'm looking it correctly. I also made a search on internet, but I found very complex extensions, but they don't make that kind of register. Thanks a lot!
Hi, thanks for your valuable videos. I can't figure out how to configure VSCode to run standalone js file and get results in the embedded console as you do in your videos. Thanks to light my candel.
I have a question about VS code. I have an .ejs file where over half of the code changed from working code nice and neat, to a ton of diamonds and circles with "?" and couple other characters. The code still works but I can't edit anything... is there a way to fix this, or should I just start a new folder and clone from github? I had to take my hard drive out of my laptop and boot from USB (internal ssd connection failed), laptop works again.
i have a problem, maybe you can help me out: i have two divs next to each other, inside another div. i want the left div to grow with its content and the right div to grow (and shrink) with the left. if you have an answer please, i have lost sleep over this
i forgot to specify its about their height not their width. to give some context: i have a texteditor and a list of items next to the editor that i can dragDrop into the editor. i want the editor to grow with the input and the list to always match the editors height
Contrary to most people, I like my editor with as little extensions as possible. A simple webserver, git, terminal and so on have nothing in common with a text editor. Different is for the various syntax highlithers and/or autocomplete, but this trend of supercharding the editor with things that we have already excellent programs to use... well I don't get it
Do you have a good tip for any FTP based plugin for editing on live sites? This only feature is what i am missing on VSC. I have tried many ot them. All user unfriendly.
Hi Kyle, many thanks for this tutorial. I only wish that you had included how to get php to work on VS code. I have tried everything and when I run the php code I get the following error: 'php' is not recognized as an internal or external command, operable program or batch file. I have added "php.validate.executablePath": "C:/php/php.exe" to settings json but the error still is there. Others mention paths with an xampp directory which is not on my windows 10 machine. I am at a loss?? I have to say that you CSS videos are really helping my website development skills, especially your cheat sheets. Thank you....
Could you please give a tutorial on HOW TO download html template from Themeforest, how to edit it in Visual Studio Code (which extensions are needed for that) and how to preview the website. I'm stuck and frustrated, please could you help me with this issue? Thank you in advance
Now that everything has been said about your hair and it is hard to find comments on serious programming issues - let me add another question: The guitar in the corner - - can't you make your own intro-tune ? And play it live of course :)
Code Spell Check is sucks the extension made me confuse beacause they return every words that in my code as an false thing, AKA the extension doesn't realy understand which one a real statements and just a words
Get 50% off Tabnine for 6 months with the below link.
www.tabnine.com/pricing/checkout?planInterval=month&promotionCode=WDSPRO
This link is only valid for the first 100 people.
Font Switcher is a nice way if you want to change your font easily.
Kyle you seem like a cool guy
Kyle, a suggestion for your next video: How do I setup and customize my Hair.
😂😂😂👍
.hair {
display: fantastic;
height: yes;
}
his new channel will be called Dev Hair Simplified
Use css
@@coltonaallen see full:
.hair-style{
display: fantastic;
height: yes;
min-height: 10cm;
position: fixed;
background: radial-gradient(#ffaa00);
}
We need a hair tutorial 😳
Step 1: Gene editing
Step 2: Profit
Agreed
and skin routine
You guys havent seen the Javascript React Snapchat Web Devsimplified filter?
I love the “biscuits” extensions: they label the closing brackets, which is great when the opening bracket is off-screen above.
pls make video on what shortcut keys you use to speed up your coding.
I accidentally found this channel and now I regularly watch all videos, best video bro
Consider adding Jumpy and Bracket Pair Colorizer to your list of must-have plugins. The first lets you easily jump to different parts of your code. The second helps match up different brackets.
I don't mean to trigger anyone but when I looked up Jumpy I thought "Who needs Vim when this exists"
In a world filled with repetitious VSC extension lists, this was a great quick-paced video. I learned a lot and loaded some new (for me) extensions
ESLint is arguably one of the most important extensions.
Cool tip: You don't need to modify VS Code's CSS to make the text bigger just for videos like this -- you can simply press [CTRL] [ + ] or [CTRL] [ - ] to Zoom the whole GUI of the program. Super useful when I'm switching from a large monitor to smaller screen too!
I actually wish more software had easy UI zooming feature like this, as High DPI support on Windows is really janky and inconsistent.
Brilliant, I was thinking I need to search for VS code set-up, and your vid popped up, thank you - you read my mind :)
thanks for TODO Highlight, really needed something like that!
I'm gonna watch this after I shower eating breakfast
Wont your kitchen get wet amd mucky if you shower there?
@@hikari1690 heeeeeeheee
7:24 Why don't you make use of Workspaces then? You could have a custom workspace specifically to your workflow or youtube channel, and the general workspace just as you like, or even another custom workspace with all the modifications you would want to have enabled or different from the default.
Tabnine is incredible!
webDevSimplified is my now "go to" tutorial channel 👍
Great job bro 🔥
You absolutely need to see the extensions Thunder client and Quokka
Oooh! He covered quokka last week. Started using it because of that - and it’s been absolutely great!
yes Thunder client absolute gem
Font Switcher is a nice way if you want to change your font easily. I've been using it for months and love it.
Cascadia Code is also a great free font with ligatures I would recommend trying out
I got intersting lesson to start up web ! many thanks
Greetings from Uganda 👍👍
Pretty helpful. Thank you for your tips.
thnQ for sharing these valuable VSCode extensions Kyle :-) ditto on 'short-cuts' video to help speed up productivity
Do you order pizza by your extension?
Thank you for your videos young Sir. Very professional and to the point. You will be or already are a rich man.
For the theme I would recommend using "JellyFish Theme" as it's so beautiful and awesome to work with.
Tabnine is awesome, the only minor issue with it is that it alone occupies more than 1GB of your memory.
Thanks! You can register Tabnine hub and enable Tabnine Cloud in your IDE. This way the model won't run locally
I'd love to know your thoughts on tailwind CSS. As a company we are looking at this as overall most of our developers use bootstrap as a base and the applications we build in often use bootstrap, however, it seems like it has some potentially good reasons to use rather than bootstrap, especially when you generally override much of bootstraps classes.
4:10 where i get the css classes of the editor to customize?
I really hope that the "tabnine cracks it up to eleven" was a reference to the Spinal Tap interview
Thank you for the suggestions. I was searching about Gitlens and you just show it in priority.
We want a hair tutorial 🌚
I also recommend Todo Tree, provides highlights in the comments but also let's you view a list of all of the To do you commented in all the files.
Tabnine does work for me anymore!
Try "Thunder Client" extension, you will stop using REST Client. Great video btw.
Will you do a Typescript tutorial?
🍕🍕🍕
Thanks a lot for your efforts
love this video thanks you so much
next react project for beginners or JS project ?
Right on time!
Thank you for this video. I just started coding HTML and CSS and has to download VS Code and was overwhelmed. Hopefully, this helps a bit! Now to find a tutorial lol.
Error Lens is the best extension
If you format on save an ejs, it adds spaces that break the code.
This video was in the tabs9 news letter, keep up the good work mate. Not that I like getting news letters fucking spam...
I have a question that i cant find anywhere. How do I do a console.log shortcut (clg) ?
Hey Kayle i m getting little consfused about to use plugin of Prettier ( the one for the PHP) can you please guide on that
Do you recommend autocomplete for someone who is learning to code? I have avoided installing tab-nine because I am worried that it will do too much of the work for me and I won't learn as much.
Yeah true
I love WebStorm or PhpStorm from JetBrains :)
Hi quick question what notebook would handle visual code with all these extensions? And another quick question what computer setup would handle this ? , how heavy is this personalized visual code in the end?
Thanks for the video!
wow!! first time i am so early
Tabnine is awesome in terms of what it offers but the pricing model is hilariously ridiculous. The free version has a daily auto-complete limit? The cheapest plan is an annual $144 subscription? Yeah I'd like to see some actual studies that show it paying for itself in terms of productivity. For $12 a month PER USER you could buy your employees a Netflix subscription so they can relax after work and not be so burnt out they can't complete their own code.
Hey Kyle, what's your opinion about Webstorm? My colleague told me to use it instead of VS Code.
Web Strom is dedicated IDE , and vscode is code editor , try webstrom may be you like it
2 quick questions:
1) what is ur favorite theme in vscode?
2) is there another extention like "html css support" but in reverse mode? (I mean I wanna set class or id in html file first, and then I wanna use them in css file with getting autocomplete of class names and id names from html file!)
* in Adobe Dreamweaver it is possible. What about vscode??? *
I know that the question wasn’t addressed to me, but I will try to help you out.
Monokai + Material Icon Theme + Fira Code + Font Ligatures = 😍
Checkout:
- VS HTML to CSS
- CSS Navigation
- CSS Peak
- IntelliSense for CSS class names in HTML
hope this helps you, best of luck.
@@eliasb6244 hey dear Elias,
Nice name 😉
I will try those extentions.
Thanks 💜
how do I change and update something in settings.json when it's read only editor? Had tried some methods and made VSCode run as an administrator as well but it didn't work
Wait, you use bash instead of zsh?
Do you know JetBrains Mono?
Hi Kyle, maybe you can help me on this matter. I need to know how much time I spent in each file of a considered workspace, I mean, I just need to know the time I spent to wuite a certain file (.html, .js, .css, etc.), so, at the end, I have a notion of the total time I needed to develop an entire project. I looked on VSCode extensions, but I don't know if I'm looking it correctly. I also made a search on internet, but I found very complex extensions, but they don't make that kind of register. Thanks a lot!
What code do you use for the custom css and js extension? I want big files like you.
hi, what font size do you use while coding (when you use desktop)?
amazing video thank you kyle. How about this video: How do I setup my hair"
Hi Kyle, just curious… is there an effective drag and drop wysiwyg extension in vscode?
I use _rouge_ theme. It took me hell lot of time to find me a theme that I liked finally.
Are you not using Better Components (by Aaron Bond)?
Hi, thanks for your valuable videos.
I can't figure out how to configure VSCode to run standalone js file and get results in the embedded console as you do in your videos.
Thanks to light my candel.
Can you do a video on how to organize your files for a new web project.
Спасибо Кук, полезное видео )
Prettier is not working in the Laravel framework. Any code formatter to format controller and models,resource file in laravel ?
Pls suggest
Pro tip: Tabnine requires you to pay for full access but the 'Kite' extension is similar to Tabnine, just free
I have a question about VS code. I have an .ejs file where over half of the code changed from working code nice and neat, to a ton of diamonds and circles with "?" and couple other characters. The code still works but I can't edit anything... is there a way to fix this, or should I just start a new folder and clone from github?
I had to take my hard drive out of my laptop and boot from USB (internal ssd connection failed), laptop works again.
It's a Windows machine too
can't wait to see pizza! =D
why did u stick with window at this stage ???
Nord theme is beautiful
Hey Kyle, how are you using windows for coding? I tried but WSL was such a pain for me.
i have a problem, maybe you can help me out: i have two divs next to each other, inside another div. i want the left div to grow with its content and the right div to grow (and shrink) with the left. if you have an answer please, i have lost sleep over this
i forgot to specify its about their height not their width. to give some context: i have a texteditor and a list of items next to the editor that i can dragDrop into the editor. i want the editor to grow with the input and the list to always match the editors height
Where is the settings.json file? I don't see it
Hey kyle i suggest to use thunderbird client for rest API just give it a try 😅
Contrary to most people, I like my editor with as little extensions as possible. A simple webserver, git, terminal and so on have nothing in common with a text editor. Different is for the various syntax highlithers and/or autocomplete, but this trend of supercharding the editor with things that we have already excellent programs to use... well I don't get it
Look for a Thunder Client extension instead of Rest API, they are the same but thunder has GUI, more like a postman
Do you have a good tip for any FTP based plugin for editing on live sites? This only feature is what i am missing on VSC. I have tried many ot them. All user unfriendly.
Hi Kyle, many thanks for this tutorial. I only wish that you had included how to get php to work on VS code. I have tried everything and when I run the php code I get the following error:
'php' is not recognized as an internal or external command,
operable program or batch file.
I have added "php.validate.executablePath": "C:/php/php.exe" to settings json but the error still is there. Others mention paths with an xampp directory which is not on my windows 10 machine. I am at a loss??
I have to say that you CSS videos are really helping my website development skills, especially your cheat sheets. Thank you....
thanks, please make a video about a safe FTP module to remote edit your files. Some plugins are dangerous and do not sync correctly
Why does a font confuse people?
Could you please give a tutorial on HOW TO download html template from Themeforest, how to edit it in Visual Studio Code (which extensions are needed for that) and how to preview the website. I'm stuck and frustrated, please could you help me with this issue? Thank you in advance
Could you please make a video about Linux, like should beginner Web Devs use it or not.
Thanks! GitLens is pretty cool.
i cant launch vscode via git bash anymore.. it says code: command not found. please help, anyone? thanks!!
We use eslint-prettier and leave the extension off our IDEs.
Guys, REST Client is great, but try Thunder Client instead ;)
true
Nice video
You didn't even watch it
@@m3mory_leak344 It says it was commented 4 days ago for me
@@m3mory_leak344 I did
I FOUND THE VIDEO IN WDS PLAYLISTS AND IT WAS NOT PUBLIC IT WAS ACCESSIBLE THROUGH LINK OR THAT PLAYLIST
Bug?
Look at Thunder Client as a Postman/Insomnia replacement
There's one thing you forgot, Kyle. Vim for VS Code
I feel bracket pair colorizer is very underrated
Im gonna eat after watching This
VS Code Intellisense doesn't work on windows most of the time. It's frustrating 🥺
the AI autocomplete is awesome, it starts guessing real credit card credentials which translates in free money forever.
Now that everything has been said about your hair and it is hard to find comments on serious programming issues - let me add another question: The guitar in the corner - - can't you make your own intro-tune ? And play it live of course :)
Code Spell Check is sucks the extension made me confuse beacause they return every words that in my code as an false thing, AKA the extension doesn't realy understand which one a real statements and just a words
Another video of setting up vscode.
me: why not watch it