使用CDN链接时Tailwind CSS IntelliSense无法工作怎么办?
解决HTML文件中Tailwind CSS IntelliSense无提示的问题
- 确认项目根目录存在正确的
tailwind.config.js文件,且content字段已包含你的HTML文件路径,示例配置:/** @type {import('tailwindcss').Config} */ module.exports = { content: ["./**/*.html", "./src/**/*.js"], // 根据实际项目结构调整路径 theme: { extend: {}, }, plugins: [], } - 检查VS Code的
settings.json,确保以下关键配置正确开启:"tailwindCSS.includeLanguages": { "html": "html" }, "editor.quickSuggestions": { "strings": true }, "tailwindCSS.emmetCompletions": true - 执行VS Code窗口重载(快捷键
Ctrl+Shift+P,选择"Reload Window"),部分扩展生效需要重启环境 - 验证HTML文件的语言模式:查看右下角状态栏,确保当前文件模式为
HTML,若为其他模式手动切换 - 排查扩展冲突:暂时禁用其他CSS相关扩展(如CSS Peek、Stylelint等),测试提示是否恢复
- 确认Tailwind CSS IntelliSense扩展为最新版本,在扩展面板中检查并安装更新
内容的提问来源于stack exchange,提问作者monukd01dev
相关产品推荐
相关产品推荐

