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.
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.
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
I'm just trying vscode one more time after a year or so. I'm using it for web development so really want the html snippets to be working, but none of it is, I don't get any suggestions, and typing ctrl-space brings up a box telling me there are no suggestions. What do I need to do to get this to work. It's a completely fresh install on a freshly installed Linux Mint20. I always thought this part worked out of the box, it did 2 or three years ago when it was using it on a mac, I expected a similar behaviour to be honest. do I have to enable another setting to allow intellisense to work. I've no idea, it works out of the box on a mac.
So I found the solution after 5 hours, it's at the bottom right of the screen, file type should be "HTML" or whatever file it should be, not just "plain text". Vscode will pick this up from the file extension, but for testing, I just clicked file - new file, which of course will be plain text by default.
Feel like a bit of an idiot, but hopefully this will save someone else trying to fix this.
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 have created a website, debugged it in Visual Studio by using the "view in browser" feature, and decided it was ready to be deployed onto our test server. When I debug the program from Visual Studio the contact page has elements that look like this:
When I go to the address of the website on the server, it displays like this:
The star is a glyph-icon from Bootstrap tools that were already on website's solution when I opened it (someone else made the solution). The code for this section of the site is below:
I tried to find information about why this isn't displaying correctly, but was unable to. Without knowing anything about the server, what would you recommend me checking or changing to resolve this issue?
Edit: I think it is worth mentioning I have tried both Chrome and IE and get the same results on each of them. Trying to run the page in compatibility mode hides the glyph-icon star all together.
I believe the issue ended up being browser-related. I was using a newer version of IE than what we had on our server so my elements were displaying differently because something I had previously done was unsupported by the older version.
I corrected this issue by nesting the span glyph-icon elements inside of the proper header tags and using margin-left: style property to space them out properly.