Comments (21)
If it helps anyone
"tailwindCSS.includeLanguages": {
"vue": "html",
"vue-html": "html",
},
adding this in my settings worked for me..
from tailwindcss-intellisense.
I also had to enable quick suggestions in strings to support multi-line strings. Otherwise it would only work in single-line strings.
My .vscode/settings.json
now contains the following:
{
"css.validate": false,
"tailwindCSS.includeLanguages": {
"vue": "html",
"vue-html": "html"
},
"editor.quickSuggestions": {
"strings": true
}
}
from tailwindcss-intellisense.
Hey @sandro-git. The extension will only activate if your project has a Tailwind CSS config file.
from tailwindcss-intellisense.
Same problem here. Can this be reopened ?
I have a config file. The autocomplete works, but not the syntax highlighting. Am I missing something?
Use Vetur for syntax highlighting in Vue files and use postcss as your style language.
<style lang='postcss' scoped> ... </style>from tailwindcss-intellisense.
If it helps anyone
"tailwindCSS.includeLanguages": { "vue": "html", "vue-html": "html", },adding this in my settings worked for me.
can you show us the way you add it on your project ? it still doesn't work for me. I create my project with Vue CLI . how do you set up yours ?
from tailwindcss-intellisense.
This worked for me. Using nuxt2.
from tailwindcss-intellisense.
I also had to enable quick suggestions in strings to support multi-line strings. Otherwise it would only work in single-line strings. My
.vscode/settings.json
now contains the following:{ "css.validate": false, "tailwindCSS.includeLanguages": { "vue": "html", "vue-html": "html" }, "editor.quickSuggestions": { "strings": true } }
it works when appy this setting in setting.json
from tailwindcss-intellisense.
My config file is called tailwind.config.ts so I had to change "tailwindCSS.experimental.configFile": "./tailwind.config.js"
to "tailwindCSS.experimental.configFile": "./tailwind.config.ts"
in User/settings.json
from tailwindcss-intellisense.
I had this same problem and it didn't start working until I installed Vetur and ran through the setup.
from tailwindcss-intellisense.
If it helps anyone
"tailwindCSS.includeLanguages": { "vue": "html", "vue-html": "html", },adding this in my settings worked for me..
You're the best!
from tailwindcss-intellisense.
For me fix was to change name of tailwind.config.ts
to tailwind.config.js
from tailwindcss-intellisense.
Hello @bradlc. i forgot that sorry but after creating it with and without --full tag and reload vscode it still doesn't work. should i declare it in postcss config file to ?
from tailwindcss-intellisense.
Hi, came here with the same problem. Config exists and in .html it works great. But not in .vue files, and also not in .blade.php files. Do you maybe have an idea what could be the cause?
from tailwindcss-intellisense.
Same problem here. Can this be reopened ?
I have a config file. The autocomplete works, but not the syntax highlighting. Am I missing something?
from tailwindcss-intellisense.
Same issue here. I am not sure if this feature currently exists, sadly.
from tailwindcss-intellisense.
can you show us the way you add it on your project ? it still doesn't work for me. I create my project with Vue CLI . how do you set up yours ?
Oh no, not to your project, but to the settings in vscode.
from tailwindcss-intellisense.
If it helps anyone
"tailwindCSS.includeLanguages": { "vue": "html", "vue-html": "html", },adding this in my settings worked for me..
@bradlc I think this should add into the default settings.
from tailwindcss-intellisense.
If it helps anyone
"tailwindCSS.includeLanguages": { "vue": "html", "vue-html": "html", },adding this in my settings worked for me..
works like a charm! thank you
from tailwindcss-intellisense.
Even after adding the includeLanguages, and using npx tailwindcss init, it still doesn't work for me
from tailwindcss-intellisense.
In my case the tailwind.config.js was in a subfolder, so i added a tailwind.config.js to the root with
// tailwind.config.js on root dir
module.exports = require('./frontend/tailwind.config');
from tailwindcss-intellisense.
Settings.json that works for me:
{
"files.associations": {
"*.css": "tailwindcss"
},
"editor.quickSuggestions": {
"strings": true
},
"tailwindCSS.experimental.configFile": "./tailwind.config.ts"
}
Thanks to @phillipmohr for figuring out when using ts config.
from tailwindcss-intellisense.
Related Issues (20)
- Don't use `InitializeParams.rootUri` if `workspaceFolders` is specified HOT 15
- Tailwindcss intellisense (auto-fill, auto-complete) not showing in vscode on macos with m1 suddenly. HOT 6
- Auto-complete is not working thats tailwind intellisense is not working HOT 2
- matchUtilities breaks intellisense HOT 2
- 'xxx' applies the same CSS properties as 'xxx' in Vue 2 style binding HOT 4
- cssConflict warning when using flex and hidden classes HOT 3
- VSCode color picker breaks in JS/TS files
- not working HOT 1
- Perf issue after latest VS Code update HOT 13
- not giving suggestions HOT 1
- BUG: Conflict Diagnostics does not capture Arbitrary values HOT 3
- Intellisense shows the wrong suggestions HOT 1
- Color decorators are not working for custom colors with css variables HOT 2
- How do I enable tracing between tailwindcss and VS Code? HOT 6
- Neovim LSP should work with standalone CLI, not requiring npm install HOT 5
- bradlc.vscode-tailwindcss-0.10.5 makes CPU go Brrrrrrrr HOT 6
- hover does not work without extra spaces with classRegex HOT 1
- Not working in .tsx file HOT 1
- Tailwind cmp in Neovim is so slow HOT 1
- The extension reports wrong suggestions HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tailwindcss-intellisense.