I've been using HTML Snippets extension for HTML snippets in VSC for a while, however in my most recent project these have stopped working. I've tried researching why this is, and I can't find a straight answer on how to fix it. Being unable to use HTML snippets is severely limiting the speed of my html coding.
bro, the author has disabled this extension
Update 5
Disabling this extension as its functionality has been absorbed by VS Code main html extension.
Download
You can get the previous working version here, just remove the previously installed extension, also do not update this extension after installation
Related
so I've recently started learning web development and I read and write html according to a tutorial that uses html 4, and just practice it on notepad++ and test them on my browser.
Now there's a problem that's been bugging, the web page doesn't change at all even if I comment out the code or change a few things in it.
I messed around with the height and width of an image and it didn't change, I tried creating a folder outside the notepad++ folder and put everything there and nothing changed, I created a completely new file(added in notepad++) and folder and it was the same. I'm still in the middle of the tutorial and this problem has just been bothering me, someone please help
I think you should try clearing browser cache or try using other IDEs like vscode or if you use android then trebedit or Dcoder
Try refreshing your page, or use an IDE like Visual Studio Code and the live Server plugin. This should help you as a beginner because both of these tools are really easy to use. Maybe it isn't changing because you had never saved your file.
well, I've changed my laptop and I find out that vs code in my new laptop isn't working like the old one.
the first problem is zen coding isn't working, I tried to lock for an extension but I didn't find any.
the second problem is I can't find the abbreviation, they aren't working to, 've tried to install HTML Snippets and HTML CSS support extensions, I tried to sync my setting from the old laptop with vs code account, nothing worked and I am running out of options
Hers an example, this abbreviation used to give me the HTML base code, even '!' doesn't give me anything.
Hello guys so I am new to web programming currently learning HTML and CSS and I am using VSCode but my problem is ( i am a newbie) when I try to run the HTML and CSS code I get this file launch.json and it doesn't show me the page I am working on how to fix this I uninstalled and installed but still the same issue I think I messed up with the configuration this is when I run
this how it looks
I think the easiest way, for this moment is to install the liveserver plugin to your VSCode editor, Here you have link to many tutorials how to do this and much more..;-) and then do a decent review of the conventions and rules of web development Good Luck, and Keep calm and do not stop coding !
I am writing a website in HTML This is what visual studio tells me for school and the CSS file's doesn't recognize my snap-scroll-type tag and my snap-scroll-align tag. I am writing in Atom but because of this problem i tried visual studio and it still doesn't recognizes the tags.
This is my code
It's just a VSCode bug I'd assume, try searching for something within the marketplace such as CSS intellisense.
https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type
I also don't know if you're utilizing it correctly.
There have been multiple questions asked on SO regarding unknown properties in VS Code. You should be able to whitelist valid properties if necessary, see https://stackoverflow.com/a/54133730/2029959
As pointed out on VS Code's Github repo - https://github.com/Microsoft/vscode/issues/47775#issuecomment-420082168 - it actually shouldn't be an issue anymore as MDN data should be linked to. (https://github.com/microsoft/vscode/issues/48443)
If - on the other hand - your code doesn't work in the browser, please update your question and show us your code or submit a link to see.
I typically use intelliJ (back-end/java) and the intellisense is working for html (basically am able to go to the definitions of the bound properties). And its doing OK with angular...
I tried to do the same with VS Code (as i am trying to evaluate is VS code gives anything more other than chrome-debugging in VS code), but somehow the intelliSense is not working.
I feel like its basic feature, probably I am missing something in my IDE.
Is it supposed to work?
Anything additional config/setup i need to make it work...
And yes, intellisense in ts files is working as expected...
Note:
Installing Angular Language Service extension did not do the trick for me. After installing and reloading (https://github.com/angular/vscode-ng-language-service) when i tried to go to definitions its just keeps spinning (loading). Not even sure what its doing in background as i don't see obvious options to see the details.
Regards.
John Papa the author of both AngularJS and Angular's style guide and Microsoft employee (makers of VSCode) has a blog where he talks about this very thing.
https://johnpapa.net/essential-angular-vs-code-extensions/
I would recommend any of his talks or blog articles!
Regardless, the plugin you're looking for is
Angular Language Service - This extension provides a rich editing experience for Angular templates, both inline and external templates. This extension is brought to you by members of the Angular team. It is fantastic at helping write solid code in the html templates.
https://marketplace.visualstudio.com/items?itemName=Angular.ng-template
and/or
Path Intellisense - Visual Studio Code plugin that autocompletes filenames. Hopefully, VS Code will bake this in at some point. Until then, this is a keeper.
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
Here are some extensions that may be useful to you.