No video

VSCode | HTML and CSS support and configuration

  Рет қаралды 144,644

Code with Sam

Code with Sam

Күн бұрын

Пікірлер: 123
@mohammedkhaledy6946
@mohammedkhaledy6946 2 жыл бұрын
Thank you for all that valuable information, and I hope you continue. I am Egyptian and I thank you for this video
@trysmarter1014
@trysmarter1014 3 жыл бұрын
I hope you get back at this, I'm learning cool stuff and you're super relaxing to listen. Awesome.
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Thanks!
@AMOBIN-vh2mb
@AMOBIN-vh2mb 3 жыл бұрын
thanks for slow and smooth teaching
@selinasharma5259
@selinasharma5259 2 жыл бұрын
Such an amazing and so informative video 🎥❤👍😇
@Alex-qc7bm
@Alex-qc7bm 3 жыл бұрын
I watched so many tutorials but this helped me so tysm! Also I think Mithril Emmet is a good extension for helping you with the code.
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Thanks for your comments, i gonna test that extension
@anthonnoynay4549
@anthonnoynay4549 3 жыл бұрын
I've learn a lot, Thank u brother from Philippines🌻☀
@ratovononyjamesharisson183
@ratovononyjamesharisson183 2 жыл бұрын
Thanks a lot. I learned much in just 7 minutes
@huzaifakhan3363
@huzaifakhan3363 2 жыл бұрын
Thankyou thankyou
@Realmakos
@Realmakos 2 жыл бұрын
Refused to apply style from '' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. (this is what i saw when i tried to inspect my webpage currently im trying to put background image using css and its not working.)
@sweetlar5485
@sweetlar5485 2 жыл бұрын
In my opinion! You should make somes series! This was really good! Thanks!
@CodeWithSam
@CodeWithSam 2 жыл бұрын
Thanks, I'm gonna try to make it!!!
@ganpatganpat6758
@ganpatganpat6758 2 жыл бұрын
Thanks for this wonderful and knowledgeable video 🙏🙏🙏
@bloggingkotha
@bloggingkotha 3 жыл бұрын
It's a great tutorial. You showed the main problems that I was faced and solved with the help of your video. Thanks once again!
@CodeWithSam
@CodeWithSam 3 жыл бұрын
You are welcome
@positivethinker6900
@positivethinker6900 2 жыл бұрын
How to set up live server
@lizzy5326
@lizzy5326 2 жыл бұрын
You are a life saver, thank you
@dillikumarroyal.p9287
@dillikumarroyal.p9287 2 жыл бұрын
Thanks for making this
@CodeWithSam
@CodeWithSam 2 жыл бұрын
Welcome
@Buksiprezentz
@Buksiprezentz 3 жыл бұрын
How did you get the "show live server preview" option? I have installed both the live server and the browser preview addons , but the closesst I can get to this is manually copying the address from the browser window popup into the in-app browser window....
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Sure, i forgot to explain how you can access to this option, press F1 and then type the Show Live Server Preview and that enable the VSCode preview...
@gp6529
@gp6529 2 жыл бұрын
Click View and then click command palette and type preview
@Ateeq10
@Ateeq10 Жыл бұрын
super brother
@CodeWithSam
@CodeWithSam Жыл бұрын
thanks
@punkgate9891
@punkgate9891 3 жыл бұрын
Very Helpful and Great Content!!
@t-production
@t-production 3 жыл бұрын
5:25 Ctrl+Shift+p
@anonymoussaif7361
@anonymoussaif7361 3 жыл бұрын
Even ctrl+p
@Rachel-dv6lv
@Rachel-dv6lv 3 жыл бұрын
thank you!!!
@RahulSharma-ke7wg
@RahulSharma-ke7wg 3 жыл бұрын
big thanks
@bhawanisinghjanagal7628
@bhawanisinghjanagal7628 2 жыл бұрын
Thanks dude 👊👊
@ramiz_baskan3767
@ramiz_baskan3767 2 жыл бұрын
That was extremely helpful. Much appreciated.
@baheernoori8626
@baheernoori8626 2 жыл бұрын
Thank you 🖤
@yobrooooooo69
@yobrooooooo69 3 жыл бұрын
thanks bro!!,this helped a lot☺☺☺☺☺
@user-xz1jp8ey6v
@user-xz1jp8ey6v 3 жыл бұрын
Perfect sam its useful man
@trysmarter1014
@trysmarter1014 3 жыл бұрын
This is great ASMR.
@Willsmith56
@Willsmith56 2 жыл бұрын
thank you for your video
@CodeWithSam
@CodeWithSam Жыл бұрын
welcome
@anything9276
@anything9276 3 жыл бұрын
thank you so much keep going !
@SunilKumar-ti8hk
@SunilKumar-ti8hk 2 жыл бұрын
Thank you bro
@rubix_x_code
@rubix_x_code Жыл бұрын
thanks bro
@abesamuel6559
@abesamuel6559 2 жыл бұрын
Thanks namesake
@CodeWithSam
@CodeWithSam 2 жыл бұрын
You're welcome
@user-vv2kr
@user-vv2kr 2 жыл бұрын
Thank you so much :)
@CodeWithSam
@CodeWithSam Жыл бұрын
welcome
@katiepatterson2313
@katiepatterson2313 3 жыл бұрын
Thanks for making this! What if I have multiple "p" lines and need to differentiate them by color? I'm having a hard time finding a video on KZfaq that shows me how to change different lines and types of lines different colors. Thanks in advanced!
@CodeWithSam
@CodeWithSam 3 жыл бұрын
You can install Bracket Pair Colorizer and customize the extension, in the details of the extension at the final, you have an example for html. Regards
@shaileshhd4964
@shaileshhd4964 2 жыл бұрын
Use id or class for each tags.
@kidusbitew4989
@kidusbitew4989 2 жыл бұрын
thank you bruh
@uhrzone4079
@uhrzone4079 2 жыл бұрын
Thanks a lot 😀
@Vahagn16
@Vahagn16 Жыл бұрын
Than you
@calvinyip364
@calvinyip364 2 жыл бұрын
thank you
@anonymoussaif7361
@anonymoussaif7361 3 жыл бұрын
Thank u sir Your just amazing
@CodeWithSam
@CodeWithSam 3 жыл бұрын
you're welcome
@alexanderjwilson7420
@alexanderjwilson7420 3 жыл бұрын
Thanks Dude!
@watsonkendall8296
@watsonkendall8296 2 жыл бұрын
Sam rules!
@mdnurnabi2548
@mdnurnabi2548 3 жыл бұрын
tnx a lot bro ,,, love you
@CodeWithSam
@CodeWithSam 3 жыл бұрын
regards
@CodeWithSam
@CodeWithSam 3 жыл бұрын
VSCode support and configuration for HTML and CSS.
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Questions?
@iTzReckLas
@iTzReckLas 3 жыл бұрын
@@CodeWithSam No Thank You :)
@kanthankajendran4524
@kanthankajendran4524 3 жыл бұрын
@@CodeWithSam Live server preview is not work ... Why????
@CodeWithSam
@CodeWithSam 3 жыл бұрын
@@kanthankajendran4524 reinstall it, sometimes happen, but try it again
@kanthankajendran4524
@kanthankajendran4524 3 жыл бұрын
@@CodeWithSam sorry live server preview is not visible.... I click F1... After open server preview is working.... Thanks brother...
@kanthankajendran4524
@kanthankajendran4524 3 жыл бұрын
Didn't work live server preview please help....
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Check again the video, sometimes the extension was some troubles in the instalation, reinstall it
@ranamasud6225
@ranamasud6225 2 жыл бұрын
When I try to connect html to css , Link tag is not coming automatically. Have anyone faced similar problem?
@CodeWithSam
@CodeWithSam 2 жыл бұрын
maybe you need to add another snippet extension to you vscode
@nomanmahmud2112
@nomanmahmud2112 3 жыл бұрын
how to bring the css property only?? my editor shows html propertys but not css like color, bacground color etc.
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Didi you link your css file in the html code????
@nomanmahmud2112
@nomanmahmud2112 3 жыл бұрын
@@CodeWithSam no that was internal css. can u say how to solve this problem please
@CodeWithSam
@CodeWithSam 3 жыл бұрын
@@nomanmahmud2112 can you share to me an screenshoot of your code throught instagram chat??
@nomanmahmud2112
@nomanmahmud2112 3 жыл бұрын
@@CodeWithSam yeah sure your id please
@CodeWithSam
@CodeWithSam 3 жыл бұрын
@@nomanmahmud2112 @codewithsam
@saurabhtech7371
@saurabhtech7371 3 жыл бұрын
Thank you so much ❤..
@bayanal4146
@bayanal4146 Жыл бұрын
5:56 How do I save the document to change it in the Windows 10 browser?
@CodeWithSam
@CodeWithSam Жыл бұрын
control + s or go to save
@aruntu
@aruntu 3 жыл бұрын
After install a pop-up came "Extension host terminated unexpectedly".... There is no auto suggestions for html program
@CodeWithSam
@CodeWithSam 3 жыл бұрын
somethimes this situation happens, and you can install another snippet extension for html or reinstall vscode to fix it
@keephustling7527
@keephustling7527 3 жыл бұрын
hey please rply me...i m not getting any suggestions after writing doc in first line.....auto suggestuion does not work
@CodeWithSam
@CodeWithSam 3 жыл бұрын
You need to reinstall vscode
@mayanktripathi4u
@mayanktripathi4u 3 жыл бұрын
Hi Sam, even after the following and installing all required packages.. still the intelligence is not working. I have restarted the VSCode as well. Please help.
@CodeWithSam
@CodeWithSam 3 жыл бұрын
If didn't work IntelliSense extension, then reinstall it and try again, sometimes in the first load of vscode after installing extensions and restarting, vscode need to charge all the extensions installed to recognize them correctly.
@mayanktripathi4u
@mayanktripathi4u 3 жыл бұрын
@@CodeWithSam - Seems I got the issue. I saw something on my bottom right of vs code.. instead of using HTML, it was using Django-HTML, so I changed the language to html, Boom everything is working fine now. Not sure why "Auto Detect" did not worked.
@erikemmanuelloera8486
@erikemmanuelloera8486 3 жыл бұрын
Saludos Aguascalientes Mi familia es de Teocaltiche
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Saludos!!
@gayathridevip4632
@gayathridevip4632 3 жыл бұрын
I have a doubt. When to save the file. After finishing all or in each step ????
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Normally you save the file after finishing code, or if you want to stop dev you can save, but there isn´t a rule about it, its about how do you like it.
@iuseyoutubealot
@iuseyoutubealot 2 жыл бұрын
where do you go to do the >preview live server thing wshen coding
@CodeWithSam
@CodeWithSam 2 жыл бұрын
Type F1 and the type preview live server
@lizzy5326
@lizzy5326 2 жыл бұрын
Please where did you click to bring out the preview?
@outdoordrift
@outdoordrift 2 жыл бұрын
CTRL + P type >preview then go "Show live server preview"
@ambassadorsempire7544
@ambassadorsempire7544 2 жыл бұрын
i can't location the option of the preview please assist
@CodeWithSam
@CodeWithSam 2 жыл бұрын
CTRL + P type >preview then go "Show live server preview"
@sanchitaarya9476
@sanchitaarya9476 3 жыл бұрын
My extension marketplace not showing any extension fir installed plz help
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Check it: marketplace.visualstudio.com/vscode or access in vscode
@akshatahullur8633
@akshatahullur8633 Жыл бұрын
Sir I'm unable to see the title... Please help me
@skywalkergrn
@skywalkergrn 2 жыл бұрын
How did he go to show live preview, am stuck there. please help
@CodeWithSam
@CodeWithSam 2 жыл бұрын
Look again the tutorial.
@Cheese676
@Cheese676 2 жыл бұрын
At 5:23 how do u get the search bar for the preview
@CodeWithSam
@CodeWithSam 2 жыл бұрын
Press F1
@Cheese676
@Cheese676 2 жыл бұрын
@@CodeWithSam Thanks
@krakatoa16
@krakatoa16 3 жыл бұрын
when i type doc i don't get the same thing coming up. My Emmet abbreviations don't work.
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Maybe you need to close and open again VSCode, or reinstall the extensions
@ashishgholap7255
@ashishgholap7255 3 жыл бұрын
Hey. I'm doing chnages in css file but they don't show any chnages updated. Only show in html. Not in css
@CodeWithSam
@CodeWithSam 3 жыл бұрын
They apply when you save your file, you can configure the autosave option in the VSCode configuration, if the changes won't apply then you can reinstall the extensions and reopen your VSCode
@mourbatsalim4830
@mourbatsalim4830 3 жыл бұрын
Merci Beaucoup
@weebotaku1416
@weebotaku1416 3 жыл бұрын
hi sam you dont explain how you save each code after finich !!!!!
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Sorry about it, but you can save pressing the keys: Control + S
@NONE-xo6yx
@NONE-xo6yx 2 жыл бұрын
thanks.
@punkgate9891
@punkgate9891 3 жыл бұрын
how did you type in >preview during 5:22
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Press F1 or Ctrl+Shift+P
@arslantelarevic1032
@arslantelarevic1032 3 жыл бұрын
live server does not work, why??
@CodeWithSam
@CodeWithSam 3 жыл бұрын
maybe need to reinstall the extension
@nadiryoussefel5245
@nadiryoussefel5245 2 жыл бұрын
Ctrl + S to compilate the code in the live server
@CodeWithSam
@CodeWithSam Жыл бұрын
basically save the code and look the result
@nashimakram1039
@nashimakram1039 3 жыл бұрын
Italian accent pe english kyu bol raha he jab ki thik se bola nahi ja raha he..
@vitz8572
@vitz8572 2 жыл бұрын
halooo
@CodeWithSam
@CodeWithSam Жыл бұрын
hey
@vipxncreation
@vipxncreation 3 жыл бұрын
Bro don't make video after drinking 🤣
@CodeWithSam
@CodeWithSam 3 жыл бұрын
Sorry for my pronuntiation. Im improving my english 🤔 and I acelerate the video because in the normal mode I speak slowly like in the older videos.
@gayathridevip4632
@gayathridevip4632 3 жыл бұрын
Plzzz reply
@onyediidike560
@onyediidike560 Жыл бұрын
Ciol
My Visual Studio Code Setup for Web Development
13:56
ForrestKnight
Рет қаралды 1 МЛН
10 Helpful VS Code Extensions for HTML & CSS
16:44
Coding Tech
Рет қаралды 184 М.
OMG what happened??😳 filaretiki family✨ #social
01:00
Filaretiki
Рет қаралды 13 МЛН
拉了好大一坨#斗罗大陆#唐三小舞#小丑
00:11
超凡蜘蛛
Рет қаралды 14 МЛН
How To Make Drop Down Menu Using HTML And CSS | HTML Website Tutorials
21:24
Code faster with these VS Code shortcuts
8:44
Coder Coder
Рет қаралды 350 М.
How To Run JavaScript In VSCode with Node JS (LiveServer localhost)
8:33
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 945 М.
Основы CSS для Начинающих (в 2024)
19:21
Сергей Дмитриевский
Рет қаралды 89 М.
Always Do THIS with a New Laptop
9:19
Hardware Canucks
Рет қаралды 2,9 МЛН
Don't use VSCode
35:31
PyCon South Africa
Рет қаралды 222 М.
Learn Visual Studio Code - Course for Beginners
43:15
Coding with Estefania
Рет қаралды 277 М.
How to Setup Visual Studio Code for HTML, CSS, and JavaScript
9:48
SkillsBuild Training
Рет қаралды 320 М.
ASMR Programming - Animated Login Page - No Talking
18:18
AsmrProg
Рет қаралды 1,5 МЛН