Tailwind CSS IntelliSense不是在svelte js应用程序内的VScode中自动建议的吗?如果我

Question

每次启动VScode时，Tailwind CSS IntelliSense似乎都不起作用，在重新安装后，它起作用，另一方面，当它起作用时，Tail wind CSS IntelligenSense不建议，除非我按下空格键。如果我把一个班移到另一个班，除非我按下空格键，否则这是不建议的

我使用的是Tailwind CSS IntelliSense v0.7.4，VScode 1.63.2，Ubuntu 21.10

软件包.json

{
"name": "svelte-ts-tailwind-app",
"version": "1.0.0",
"private": true,
"scripts": {
"build": "rollup -c",
"dev": "rollup -c -w",
"start": "sirv public",
"check": "svelte-check --tsconfig ./tsconfig.json"
},
"devDependencies": {
"@rollup/plugin-commonjs": "^21.0.0",
"@rollup/plugin-node-resolve": "^13.0.0",
"@rollup/plugin-typescript": "^8.3.0",
"@tsconfig/svelte": "^2.0.1",
"autoprefixer": "^10.4.0",
"postcss": "^8.4.4",
"postcss-load-config": "^3.1.0",
"rollup": "^2.60.2",
"rollup-plugin-css-only": "^3.1.0",
"rollup-plugin-livereload": "^2.0.0",
"rollup-plugin-svelte": "^7.1.0",
"rollup-plugin-terser": "^7.0.2",
"svelte": "^3.44.2",
"svelte-check": "^2.2.10",
"svelte-preprocess": "^4.9.4",
"tailwindcss": "~3.0.0",
"tslib": "^2.3.1",
"typescript": "~4.5.3"
},
"dependencies": {
"sirv-cli": "^1.0.14"
}
}

tailwind.config.js

module.exports = {
mode:"jit",
darkMode: 'class', // This can be 'media' if preferred.
// Don't add a glob below `public` as Rollup doesn't
// recognize them and will rebuild in an infinite loop.
content: [
'./src/**/*.svelte',
'./src/**/*.html',
'./public/index.html',
],
theme: {
extend: {
colors: {
svelte: '#ff3e00',
},
},
},
plugins: [],
}

postss.config.js

module.exports = {
plugins: [
require('tailwindcss'),
]
};

Answer 1

在VS代码中，默认情况下，字符串建议的设置为false，当我们在组件中以字符串的形式键入类名时，您必须将其设置为true，如下所示：

"editor.quickSuggestions": {
"other": true,
"comments": false,
"strings": true,
}
}

Answer 2

尝试另一个版本的tailwind，因为这个错误可能有助于解决您的问题。

Answer 3

您可以在任何编辑器窗口中通过键入Ctrl+Space来触发IntelliSense请参阅：VSCode 中的IntelliSense