UnoCSS 插件智能提示不生效解决

简介: UnoCSS 插件智能提示不生效解决

问题

VSCode 安装 UnoCSS 插件之后,鼠标悬停有提示,但输入时类名无智能提示。


解决方案

声明:以下解决方案亲测有效,但因环境不同无法保证对您也100%生效,望理解。

重启 VSCode;


修改 UnoCSS 配置,开启代码智能提示:


依次打开 File→ Preferences → Settings → 搜索 UnoCSS → Edit in settings.json

微信图片_20230710093057.png


打开 setting.json 文件查看 editor.quickSuggestions 配置是否开启代码提示

微信图片_20230710093022.png


如果没有 editor.quickSuggestions 节点,请添加:


 "editor.quickSuggestions": {

   "other": true,

   "comments": true,

   "strings": true

 }

效果预览

可以看到输入 UnoCSS 类名时,已经有了代码自动智能提示。

微信图片_20230710093018.gif

相关文章
|
开发框架 移动开发 前端开发
Uni-App常用事件
Uni-App常用事件
736 2
uni-app uni-file-picker 上传组件实战应用
uni-app uni-file-picker 上传组件实战应用
|
JavaScript
js 使用fetch来上传文件 formdata()
js 使用fetch来上传文件 formdata()
|
移动开发 小程序
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
|
前端开发 测试技术 API
我同学不知道UnoCSS是什么,我教他用之后效率直接倍增
原子化 CSS 是一种 CSS 的架构方式,它倾向于小巧且用途单一的 class,并且会以视觉效果进行命名。可以将原子化的 CSS 框架理解为这类 CSS 的统称
2026 5
|
前端开发
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
1605 1
|
存储 资源调度
在 Pinia 中如何实现状态持久化?
在 Pinia 中如何实现状态持久化?
3510 57
在vue3中(vite)引入unocss,安装配置unocss
在vue3中(vite)引入unocss,安装配置unocss
|
JSON JavaScript 数据格式
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
这篇文章介绍了如何使用hiprint打印插件将列表数据打印成PDF文件并保存到本地,包括插件的配置、依赖安装、项目代码案例以及如何预览和打印数据。
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
|
JavaScript
Vue组件点击事件不触发的问题,添加事件修饰符native解决
Vue组件点击事件不触发的问题,添加事件修饰符native解决
1568 0