tailwindcss没有提示

已于 2023-03-24 14:14:23 修改
阅读量847 收藏
点赞数
文章标签： vue vscode vuejs
于 2023-03-24 12:01:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56061364/article/details/129747479
版权

下载tailwindcss提示插件
在这里插入图片描述
必须在空格后输入，才会有提示
在这里插入图片描述
在这里插入图片描述
还有一点，如果tailwindcss写到一半，光标移走后，再回来写也是不会有提示的，想要出现提示就需要重新删掉从空格开始写（我现在是这样的，不知道有没有办法解决）

如果还是没有提示，那我就不清楚了，可以看一下插件的简介

在这里插入图片描述

殷东起
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
coc-tailwind-intellisense：Tailwind CSS IntelliSense的Coc.nvim扩展
02-01
版本0.56的Coc集成 安装 :CocInstall http s: // github. com /rodrigore/ coc - tailwind - intellisense 或者，如果您是用户，请添加： Plug ' rodrigore/coc-tailwind-intellisense ' , { ' do ' : ' npm install ' } 在您的.vimrc或init.vim ，然后重新启动或获取vimrc并运行:PlugInstall 。 产品特点 自动完成 林亭 悬停预览 功能不起作用 从0.42版开始，顺风就可以显示颜色装饰器。 在撰写本文时，vim / neovim / coc.nvim不支持装饰器。 设定值 tailwindCSS.enable设置为false可禁用顺风智能感知服务器。 （默认为true ） 官方 故障排除 阅读
create-tailwindcss-boilerplate::wind_face:一个简单的 Tailwind CSS 样板
07-24
创建样板$ yarn create tailwindcss-boilerplate# or$ npx create-tailwindcss-boilerplate 按照提示中的说明创建项目： ? Name your project root directory my-project :check_mark: Create directory structure :...
vue3+vite+tailwind.css无效问题，兄弟们我来解救你们了
qq_42957741的博客
01-09 1688
1.按照文档配置，原模原样写，最终发现没效果。那是应为vite.config.ts没有配置，保你100%有效果！
【VSC插件】解决 VSC 中 Tailwind CSS IntelliSense v0.9.6 语法无法识别的问题
日拱一卒無有盡，功不唐捐終入海
01-17 1585
解决 VSC 中 Tailwind CSS IntelliSense v0.9.6 插件语法无法识别的问题。在如上扩展设置中，把。在插件设置中进行设置。
tailwindcss安装完插件代码不提示
m0_56274171的博客
10-11 934
tailwindcss安装完插件代码不提示
webstorm tailwindcss 不智能提示 问题
a603423130的博客
05-11 1209
新版本会安装为：npm:@tailwindcss/postcss7-compat@^2.2.0 // 这个地方会导致weistorm无法智能提示，因为webstorm提示是采用的：node ./node_modules/tailwindcss/lib/cli.js build。./node_modules/tailwindcss/tailwind.css --config tailwind.config.js 这个在2.2的版本中会出错，无输出。商业转载请联系作者获得授权，非商业转载请注明出处。
nuxt 使用tailwind 在vscode中无提示 解决方案
weixin_44179923的博客
08-05 2119
vscode 无提示 nuxt中使用tailwindcss
d9-base-tailwindcss：d9基本主题[Tailwindcss]
02-10
【标题】"d9-base-tailwindcss：d9基本主题[Tailwindcss]" 指的是一款基于Tailwindcss框架构建的D9（可能是Drupal 9）基础主题。这个主题设计旨在为Drupal 9网站提供一个简洁、可定制且响应式的起点。Tailwindcss是...
ClubHause:使用TailwindCSS学习前端和创建投资组合
05-22
"ClubHause:使用TailwindCSS学习前端和创建投资组合" 这个标题表明我们将在项目中应用TailwindCSS这个流行的前端框架，来构建一个类似Club Hause的应用程序，并且这个过程可以作为学习前端开发，特别是关于布局和...
tailwindcss-tooltips:Tailwind CSS的非常简单CSS唯一工具提示
05-22
tailwindcss-工具提示 Tailwind CSS的非常简单CSS唯一工具提示。 请参阅的演示 赞助 如果您要构建管理仪表板或内部工具，请检查 （使用Tailwind构建！） 编辑您的Tailwind.css文件： 在您的Tailwind.css文件上添加followind代码： .tooltip { @apply invisible absolute; } .has-tooltip:hover .tooltip { @apply visible z-50 } 在.tooltip类中，您可以添加一些丰富的样式，例如p-1 rounded border border-gray-200 bg-gray-100 shadow-lg ml-4 text-sm建议至少添加bg-white以避免该工具提示文本显示在分隔文本上。 如果您不能使用@apply ，则可以添加以下CSS
Landing-page-basic-with-tailwind
03-14
《构建基于Tailwind CSS的基本登录页面》 在Web开发领域，设计吸引人的登录页面是至关重要的，它不仅需要美观，还要简洁易用。本项目名为“Landing-page-basic-with-tailwind”，它提供了一个利用Tailwind CSS框架...
FigmaToCode：在HTML，Tailwind，Flutter和SwiftUI上生成响应式页面和应用程序
02-03
当找到未知对象（一个或多个带有多个子对象且没有垂直或水平对齐方式的Group或Frame ）时，Tailwind模式将使用作为最佳情况，而使用标准CSS的left和top作为最坏情况。 Flutter模式使用Stack和Positioned.fill 。 ...
TailWind CSS Intellisense 插件在 VSCode 上不起作用
qq_38679197的博客
10-13 1323
一开始我安装了TailWind以后在我的Macbook Air上一电提示没有，我换到我的台式电脑上就一直有提示。我把笔记本的插件全部禁用掉还是无法解决不能提示的问题，后来发现安装了。但其实在你的settings.json里面去添加这个配置更为有效。这个插件以后能解决这个问题。
vue3使用tailwindcss，解决无提示问题
weixin_45943355的博客
12-23 3726
创建vue3+vite+ts+pinia+router项目
webstorm tailwind 不智能提示的解决方法
hunt_er的博客
01-06 8211
近期项目中采用了tailwind，但是由于开发习惯使用webstorm，使用tailwind是没有智能提示，看到别人使用vscode时有tailwind的智能提示，用起来非常爽，无奈，试用了一段vscode，智能提示确实很爽，但是还是习惯用webstorm，又转了回来。 终于，webstorm发布了2021.3版本，新添加了tailwind的支持。 重要提示： 想要在webstorm中获得比较好的tailwind支持，需要将webstorm升级到2021.3之后的版本，我现在使用的是2021.3.1版
解决WebStorm中项目没有tailwind代码提示
wzlwzl2的博客
07-25 2039
webstorm中没有tailwind代码提示
用 vscode 写 react 组件时，tailwind 怎么显示 css 提示？
湖北太米网络科技有限公司
08-31 751
要在 Visual Studio Code (VSCode) 中编写 React 组件并使用 Tailwind CSS 显示 CSS 提示，你需要按照以下步骤操作： 安装 Tailwind CSS 和它的 VSCode 插件。 在项目中安装 tailwindcss/postcss7 和 autoprefixer。 配置 VSCode 以使用 Tailwind CSS 插件。 创建一个新的 Re...
Visual Studio 和 VSCode 哪个好?
最新发布
yang_xs的博客
08-04 3199
想要对Visual Studio 和 VSCode 进行比较，就要充分了解和Visual各有其优势和适用场景进行分析。和都是由微软开发的流行开发工具，但它们在设计理念、功能特性和使用场景上有明显的差异。和各有其优势和适用场景。适合大型、复杂项目和企业级开发，提供全面的开发工具和高级功能。VSCode则以其轻量级、跨平台、高度可定制化的特点，成为了许多开发者的日常编码工具。选择哪个工具，取决于项目的具体需求和个人的使用习惯。对于需要一个功能全面、强大的IDE 的用户，是理想选择；
tailwind css intellisense
08-09
tailwind css intellisense是一个在代码编辑器中提供智能提示和自动补全功能的插件。它专门为使用Tailwind CSS的开发人员设计，旨在提高开发效率。 使用tailwind css intellisense，我们可以在代码编辑过程中获得实时的类名提示。例如，当我们键入一个类名的前缀时，插件会自动显示可用的类名选项，包括来自Tailwind CSS预设的所有类名。这使得我们可以快速浏览和选择适当的类名，而不需要记住或手动输入它们。 此外，tailwind css intellisense还提供了自动补全的功能。当我们键入部分类名时，插件会自动推断并完成剩余的类名。这可以减少错误和随后的修复时间，因为插件确保我们在编写类名时始终使用正确的拼写和格式。 该插件还可以提供其他有用的功能，如显示类名的文档注释、展示相关的颜色预览等。这些功能使我们能够更好地理解和使用Tailwind CSS框架的各种类名。 总而言之，tailwind css intellisense是一个方便开发者的插件，它提供了智能提示和自动补全功能，帮助我们更快地开发和编写符合Tailwind CSS标准的代码。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值