Enable autocomplete or intellisense for html and javascript in visual studio code | VS Code Emmet

Aug 15, 2023

How to enable autocomplete or intellisense for html and javascript in React JS in visual studio code is shown

Content

0.16 -> hello everyone in this video i will be showing you how to enable auto complete or intellisense

4.64 -> for html or javascript in visual studio code so let's get started so first thing i'm currently

10.56 -> having here a dot js file over here it's a react project over here and if i just go over here and

14.88 -> if i type h1 i'm typing a header tag h1 but i am i am not getting any auto complete options over here

21.44 -> so as you can see i am getting headers http hello which if i type h itself i need to get all the h1

25.52 -> h2 tags over here so let's find out how we can enable this option so first thing what you do is

29.92 -> you need to go to the settings option in the left most corner okay just go to settings option and

34.72 -> you need to go for again settings over here just click settings and here under the extensions thing

41.12 -> over here you need to go to emmet okay go to go to emmet and by the way i am not having any even one

47.76 -> extension installed okay i'm having zero extensions installed so under extensions you need

52.24 -> to go to emmet and in this you'll be having edit in settings.json under preferences like heading

59.52 -> you will be having edit in settings.json so just click it so you may have some code over here or

65.12 -> you may have just a empty bracket okay so that's not an issue so what you're going to do is now

70.64 -> you'll just copy this like four lines okay so you're just going to copy this you can just

75.92 -> pause this and you can just type it out so just copy this code and you're just going to

81.2 -> paste within this curly bracket okay and let's suppose that if you're having some other text

86.88 -> or here some other json text just put a comma and paste it and if you are having just a two

91.76 -> curly bracket paste it within the curly bracket okay so this is the text we have just added it

96.24 -> so just save it it's important to save it and you won't be getting a dot over here that means that

100.8 -> you've saved your file control s so once you've done it just reload your visual studio code okay

108.32 -> or i guess i'm in some cases it may even work without reloading so if i just save it

112.16 -> okay so now if i just go to that same app.js file over here and if i just go and hit h so

119.04 -> as you can see here i'm getting all the header files the six header files i'm getting head

122.16 -> tag everything is working fine and if i even type s i'm getting all the tags okay all the

128.72 -> html script tag is there and we are having my style tag over here so everything works fine over

134.16 -> here so if this particular method doesn't work for you what you are doing is you need to go to this

138.08 -> right most corner and you will be having the select language mode and you need to just go and

142.32 -> select the language that you're currently using it so by many cases visual studio code automatically

146.72 -> detects the language so i'm using dot js so it has been it's displaying automatically javascript file

151.12 -> itself so you will just now go here and i'm just creating a new file okay i'm putting new dot html

157.36 -> i'm hitting enter so as you can see here by default my visual studio code just reads the

161.28 -> language over here i hope you found this video useful mine's a programming channel , I have done

164.88 -> many other videos in c c plus plus java python sql as well as 3d animation in blender so do

169.68 -> check other videos of my channel subscribe and support me thanks for watching

Source: https://www.youtube.com/watch?v=4VinsIZ_XjA