I followed the tailwind installation guide for nextjs
Below is my tailwind.config.js
file
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./app/**/*.{js,ts,jsx,tsx}",
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
But the intellisense only works when I start my class names with a space.
Below is my vscode settings.json file. I thought something there might be causing the bug, but commenting out the entire file does nothing to solve the problem.
{
"color-highlight.markerType": "dot-before",
"explorer.confirmDelete": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"autoprefixer.formatOnSave": true,
"autoprefixer.browsers": [
"last 4 versions",
"ie >= 9",
"> 5%"
],
"liveServer.settings.donotShowInfoMsg": true,
"editor.detectIndentation": false,
"editor.tabSize": 2,
"liveServer.settings.donotVerifyTags": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"scss.format.newlineBetweenRules": false,
"editor.formatOnSave": true,
"editor.defaultFormatter": "dbaeumer.vscode-eslint",
"vetur.format.defaultFormatter.js": "prettier-eslint",
"workbench.settings.openDefaultKeybindings": true,
"[typescriptreact]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"window.zoomLevel": 1,
}
CTRL + Space
to "activate" intellisense and then, typeCTRL + Space
seems to beCommand + Space
for me which just opens my Spotlight searchbar...why is tailwind so hard to use.editor.quickSuggestions
(github.com/tailwindlabs/…)?