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常用事件
678 2
|
存储 JavaScript API
vue3+ant design vue 自定义文件上传和自定义上传进度条
1.关键点是Upload组件中customRequest的API,它能通过覆盖默认的上传行为,可以自定义自己的上传实现(具体可看官方文档); 2.通过在Upload组件中绑定progress实现。 下面是详细代码
3869 0
|
移动开发 小程序
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
|
JavaScript
js 使用fetch来上传文件 formdata()
js 使用fetch来上传文件 formdata()
|
前端开发 JavaScript
React项目路由懒加载lazy、Suspense,使第一次打开项目页面变快
本文介绍了在React项目中实现路由懒加载的方法,使用React提供的`lazy`和`Suspense`来优化项目首次加载的速度。通过将路由组件改为懒加载的方式,可以显著减少初始包的大小,从而加快首次加载速度。文章还展示了如何使用`Suspense`组件包裹`Switch`来实现懒加载过程中的fallback效果,并提供了使用前后的加载时间对比,说明了懒加载对性能的提升作用。
1069 2
React项目路由懒加载lazy、Suspense,使第一次打开项目页面变快
|
前端开发 测试技术 API
我同学不知道UnoCSS是什么,我教他用之后效率直接倍增
原子化 CSS 是一种 CSS 的架构方式,它倾向于小巧且用途单一的 class,并且会以视觉效果进行命名。可以将原子化的 CSS 框架理解为这类 CSS 的统称
1821 5
|
前端开发
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
vue3 【提效】使用 CSS 框架 UnoCSS 实用教程
1442 1
在vue3中(vite)引入unocss,安装配置unocss
在vue3中(vite)引入unocss,安装配置unocss
|
JSON JavaScript 数据格式
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
这篇文章介绍了如何使用hiprint打印插件将列表数据打印成PDF文件并保存到本地,包括插件的配置、依赖安装、项目代码案例以及如何预览和打印数据。
打印插件 hiprint 使用、回单打印PDF保存本地、将列表数据打印成pdf文件保存到本地
|
JavaScript 前端开发 API
vite中如何根据不同环境配置打包规则?一个if语句即可搞定!
【8月更文挑战第1天】vite中如何根据不同环境配置打包规则
1053 5
vite中如何根据不同环境配置打包规则?一个if语句即可搞定!

热门文章

最新文章