I had the same issue. So, I solved it by adding
"files.associations": {
"*.css": "css",
"css": "css"
}
to my my settings.json file. Don't know is it is going to help you, but anyway. Good luck!
Answer from yaromir-zhuavsky on Stack OverflowI had the same issue. So, I solved it by adding
"files.associations": {
"*.css": "css",
"css": "css"
}
to my my settings.json file. Don't know is it is going to help you, but anyway. Good luck!
When I'm using a basic style.css file, even after adding "postcss": "css" in "emmet.includeLanguages":{} CSS Intellisense still doesn't work.
Disabling the postcss VSCode extension allows CSS Intellisense to work properly for me.
Anyone ever had Intellisense for CSS stop working? It was working fine last week and now it stopped. Its working fine with HTML & JS files but the auto-complete & class-predict for CSS is gone.
I have uninstalled/re-installed the extension and nothing. I've checked for VSCode updates and its all up-to-date. I have restarted everything, and nope.
Its annoying having to type it all by hand haha
Giving it a shot here as I've searched the entire web and have not been able to figure it out. Any insight is appreciated!
Installing recommended VS Code extensions disables default CSS IntelliSense
Intellisense not working
How to make Intellisense Quick Info for JavaScript and CSS files to appear in Visual Studio 2017?
CSS intellisense does not work in inline styles
Videos
You can install HTML CSS Support Extension.
ext install vscode-html-css
This will add Intellisense in your HTML files:
You don't need to configure anything for local files, just close and reopen vscode after installing. For remote css files, you can add the following
"css.styleSheets": [
"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
]
in the settings.json
Here is the common steps (not only for Bootstrap) to enable css IntelliSense in VS Code:
Step 1: Go to https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
or https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion
(Installation steps are already there)
Step 2: Click Install button that appear on the top of the website (screenshot below)
Step 3: After click, browser will show a pop-up window to access VS Code. Open it with VS Code.
Step 4: Click again the "install" button that appear inside the VS Code.
Step 5: After restarting the software, click the bottom left icon shown in the below image:
Step 6: Press "ctrl+[space]" inside the class quotes, you will get the complete class names from the attached stylesheets.
I found a solution regarding your problem because i had the same problem. If you have HTML CSS Support installed in vscode, go to the extension tab, click on HTML CSS Support, click on the gear icon next to 'uninstall', click extension settings then click the edit settings.json from the "CSS: Style Sheets" delete the already existing css.stylesheets and paste this in:
"css.styleSheets": [
"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
"node_modules/bootstrap/dist/css/bootstrap.css",
"src/**/*.scss",
"src/view/style.ts",
"dist/style.css"
]
}
After that save the settings and you should be good to go :). I hope i could help you with this if you couldn't find a solution yet :).
Try to remove and install again 'IntelliSense for CSS class names in HTML' here is the link, you could follow the guide to use it.
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
I had the same issue after I installed the VSCode extension PostCSS Language Support,
I fixed it by disabling the extension.
I realized that at the bottom right of the screen, my language mode was set to postCSS. So simply clicking there and changing it to CSS solved this. Images are for illustration
