WebStorm 究竟如何设置 tailwindcss 才能有语法提示和鼠标悬停显示 css 呢

44 天前
 imherer

https://www.jetbrains.com/help/webstorm/tailwind-css.html

按照官方这一套配置下来还是不行

它没提示我都不知道我写没写对,反观 unocss 支持的却很好

vscode 也没提示,但是鼠标悬停后能显示对应的 css 代码,我怎么确定我没写错了,总不能每次写完了鼠标悬停上去看一下吧?

各位前端大佬咋解决这个问题的呢?

779 次点击
所在节点    前端开发
8 条回复
llcczz
44 天前
装插件 unocss

10bkill1p
44 天前
VSCode 安装 [Tailwind CSS IntelliSense - Visual Studio Marketplace]( https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
TimG
44 天前
看看下面状态栏的 language server 服务启动没有,里面有没有 tailwindcss ,没启动的话看日志报错,一般 jb 系的 IDE 没有代码提示都是这里出问题了
imherer
44 天前
@10bkill1p 装了这插件的,但是写的时候还是没语法提示,写完了鼠标放上去会提示它对应的 css 代码。其实我想要的是写的时候就给语法提示,这样能确定我是写对了的
imherer
44 天前
@TimG 看了下 tailwindcss 的是正常,vue 的反而有个红色感叹号,但是 vue 写起来却有语法提示
10bkill1p
44 天前
@imherer #4 你看它的 Homepage 是有 autocomplete 和 lint 截图的呀,我实际使用上没有发现 lint 功能生效,但是你说的这个语法提示是有的,除非是使用了自定义的 className
10bkill1p
44 天前
@10bkill1p #6 By default VS Code will not trigger completions when editing "string" content, for example within JSX attribute values. Updating the editor.quickSuggestions setting may improve your experience 。也许可以试试这个推荐设置
imherer
44 天前
@10bkill1p #7 感谢,生效了,有提示了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/1099099

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX