vscode自动提示uview的内置class-其他scss和css的类名也能提示-效率提升

billycoder billycoder 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.9k累计阅读 1.9k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄17年
关注
原创 最新推荐文章于 2026-09-19 11:18:21 发布 1.9k 阅读 AI 写同款· GEO 优化 ›
在vscode中开发sass教程：sass语法 阅读详情

看看hbuilderx

默认的提示还是很给力
在这里插入图片描述

vscode怎么说

  • vscode默认不提示,这就难受了
  • 可以通过安装一些插件,完成项目下css和scss类名的扫描,完成提示

支持*.css中类名提示,安装如下插件
在这里插入图片描述
支持*.scss中类名提示,安装如下插件
在这里插入图片描述

最后看看vscode效果

和hbuilder效果类似

在这里插入图片描述

收录于
前端随记

当前文章被收录于：

前端随记
15 篇文章 0 人学习
订阅专栏 查看详情
标签
#vscode #css #其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
vscode 插件 Tailwind CSS IntelliSense 解决 class 提示问题 就是通过 Tailwind CSS IntelliSense 插件配置。正则匹配到了就显示提示。 阅读详情

相关推荐

UniApp UI框架选型指南：六大维度横评与实战集成优化

在跨端开发领域，UI框架是提升开发效率、保障多端一致性的关键基础设施。其核心原理在于封装可复用的组件，通过响应式设计适配不同屏幕尺寸，并利用条件编译等技术抹平平台差异。从技术价值看，优秀的UI框架能显著降低开发成本，让开发者聚焦业务逻辑而非样式细节，同时确保应用在微信、支付宝、百度等多端平台保持统一的品牌体验。在实际应用场景中，面对商品列表、表单交互、导航布局等常见需求，一个合适的框架能快速搭建页面，处理下拉刷新、模态弹窗等交互。本文聚焦UniApp生态，深入剖析如何基于组件丰富度、跨端兼容性、性能与包体积

weixin_30466039的博客 405

vscode 添加插件 提示 class

vscode 添加插件完成 css class的名字提示

h5433的博客 4922

解决VSCode中缺失CSS智能提示的方法

通过安装适当的插件、确认文件类型、配置VSCode设置、使用CSS预处理器以及更新软件版本，你应该能够获得准确、高效的CSS智能提示功能。在使用VSCode编辑CSS文件时，确保文件的后缀名为.css，这样VSCode才能正确地识别文件类型，并提供相应的智能提示。确保你使用的是最新版本的VSCode和相关插件，可以通过VSCode的扩展市场检查插件是否有更新，同时也要及时更新VSCode本身。上述设置中，"savePath"是生成的CSS文件保存的路径，你可以根据自己的项目结构进行相应的调整。

DpgrMl的博客 7059

在vscode实现类似hbuilderx中的class提示

配置1配置2。

qq_40703755的博客 1334

arcgis导出自身相交数据

今天接到一个客户需求，一份面文件，里面有好多元素是两两相交甚至是三个相交的，现在要把这些重叠部分提取出来，并且把相交部分的原始要素的名称也保留在字段中，也就是说名称这个会有好多个名称字段，如果两个要素相交那就是前两个名称字段有值，后面的为空，如果是三个要素相交，那么输出的这个要素就是前三个名称字段有值，后面的为空，嗯，这里也不太确定会出现多少个名称字段，这个需要依照数据来定。 这是原始数据，...

miaowumi92的博客 6790

MATLAB/Simulink BLDC电机控制模型搭建：六步换相与速度环实战

无刷直流电机（BLDC）控制是电机驱动领域的核心技术，其六步换相原理通过霍尔信号控制逆变器开关，使定子磁场与转子磁场保持垂直以产生最大转矩。在MATLAB/Simulink中搭建BLDC控制系统，需从电机本体建模入手，结合PWM占空比调节和速度环PI控制器，实现速度闭环与波形观测。该技术广泛应用于电动工具、无人机电调和伺服驱动器等场景。本文详细解析BLDC六步换相逻辑、反电动势建模及Simulink分层设计方法，帮助读者掌握从零搭建完整控制模型的工程实践。

weixin_28273593的博客 210

vscode vue文件，class没有用户代码片段提示

添加以上配置，其中。

qq_32486011的博客 578

新手必看｜HDevelop核心算子快速上手，为C#移植打基础

在上一篇文章中，我们完成了C#+HALCON的开发环境搭建。但在实际工业开发中，绝不会直接在C#中编写视觉算法HDevelop可视化调试算法 → 验证效果 → 导出C#代码 → 集成到上位机。HDevelop是HALCON专属的算法调试工具，支持实时预览图像、参数动态调节、零编译运行，是新手入门和工业算法调试的核心工具。本文聚焦工业场景高频使用的核心算子，从基础操作到实战案例，手把手教你使用HDevelop；同时重点讲解算法导出C#的规范，让你调试完成的算法，能无缝移植到WinForm上位机中。

这里只有干货：从 Modbus 通信到 MES 对接，从 YOLO 训练到工控机部署，带你搞定工业软件开发全流程。 786

vscode设置以及相关插件

Vetur —— 语法高亮、智能感知、Emmet等 格式化功能，vue文件的高亮 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间 Path Intellisense —— 自动路径补全 HTML CSS Su.

小小王的博客 4357

ThinkBook 16p 2024 BIOS降压定频实战：从解锁CFG Lock到AC Loadline调优

高性能笔记本在满载时频繁撞上温度墙，通常源于固件层默认电压冗余过大，而系统级降压工具又受限于CFG Lock锁定。要根治问题，需要从BIOS固件层面理解电压管理机制——AC/DC Loadline参数控制着CPU在不同负载下的电压请求，通过修改这些负载线值可以安全降低电压，解锁CFG Lock后还能让XTU、ThrottleStop等软件调参工具恢复可用。这种BIOS级调优在工程实践中广泛用于改善散热、稳定频率、压降风扇噪音，尤其适用于联想ThinkBook 16p 2024与拯救者Y9000P等采用HX平

weixin_32496547的博客 389

【Python&RS】Rasterio库安装+基础函数使用教程

Rasterio是一个Python库，专门用于栅格数据的读写操作。它支持多种栅格数据格式，如GeoTIFF、ENVI和HDF5，为处理和分析栅格数据提供了强大的工具。RasterIO适用于各种栅格数据应用，如卫星遥感、地图制作等。这篇文章跟大家介绍一下Rasterio库的安装以及一些基本函数的使用教程，附带源码。

Remote Sensing迷途小书童 1万+

vscode 配置

1.Auto Close Tag (必备) 自动闭合HTML/XML标签 2.Auto Rename Tag (必备) 自动完成另一侧标签的同步修改 3.Beautify (必备) 格式化 html ,js,css 4.Bracket Pair Colorizer (必备) 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 5.Vetur ...

tiankongxiao的博客 417

Office Tool Plus：正版Office干净部署指南

Office部署是Windows新机配置的关键环节，涉及版本选择、架构匹配、语言支持与合规激活等基础技术问题。其核心原理基于微软官方Office Deployment Tool（ODT）的声明式XML配置机制，通过标准化流程确保安装可复现、可审计、无第三方捆绑。技术价值在于规避官网安装器的版本锁定、架构误配和语言缺失等常见风险，提升部署稳定性与安全性。典型应用场景包括企业批量部署、IT运维标准化、隐私敏感型用户自主安装。本文以Office Tool Plus为实践载体，深入解析ODT底层逻辑、XML配置规范

1195

vscode css样式提示

【代码】vscode css样式提示。

zhang804633234的专栏 2331

[特殊字符] PetaLinux Qt 程序（WindRadar）无法自动启动问题解决文档

摘要：本文档解决了PetaLinux 2020.1系统中Qt程序（WindRadar）无法开机自动显示界面的问题。通过分析发现，自动启动时缺少DISPLAY=:0.0环境变量导致Qt找不到显示设备。最终在autostart.sh脚本中添加该变量，并完善了字体加载、驱动加载、显示设备检测等流程，确保程序正常自启显示界面。完整脚本包含路径检测、环境配置和错误处理，经验证各项功能均正常运行。

梁俊星的博客 328

秋叶ComfyUI整合包使用FRP实现公网访问教程 ComfyUI内网穿透 秋叶整合包

最近在做 ComfyUI 的实验时，我发现很多小伙伴都遇到一个问题：本地启动的 ComfyUI 服务只能在本地访问，想要通过公网远程访问，就必须借助来实现。作为一名前端开发工程师，我花了点时间把 ComfyUI 启动器和 FRP 配置整合了一下，今天就分享给大家。本文适合已经了解。需要注意的是 穿透到公网的话任何人都能访问 为了安全建议看我另一篇帖子加上密码验证 防止恶意攻击。

代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。 1354

VScode必备插件大全

Vscode使用方便快捷的插件，小技巧提高效率

qqjuanqq的博客 3万+

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

VScode HTML文件中定义了class类名，然后在css文件中输入 . 选择器没有提示

解决方法 安装插件 className Completion in CSS

weixin_38891273的博客 2177

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

VSCode插件大全

VScode的一些插件 会持续更新

平安喜乐 1万+

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

vscode中自己写的css样式表类名无法在vue文件中快速提示怎么处理

自己写了一些css基础样式 , 引入之后在 vue 文件没有办法快速给出提示。能用上快捷键或者快捷提示总是这么的让人心情激荡。

shaoyahu的博客 2306

vscode写CSS支持提示类名

问题描述: HTML文件中定义了class的类名,然后在CSS文件中输入.选择器什么都没有提示, 解决方法: 需要安装插件:className Completion in CSS,亲测有效,已经定义好的类名在最底部 提示如下: 另外这两个插件也可以装上: HTML to CSS autocompletion IntelliSense for CSS class names in HTML ...

CiCi2012_3_6的专栏 8584

vscode中HTML 中 CSS Class 智能提示

安装插件：HTML CSS Support设置中添加以下代码："editor.parameterHints": true, "editor.quickSuggestions": {     "other": true,     "comments": true,     "strings": true }

Anway12138的博客 3万+

vs-code插件 外部引入css样式 class代码提示(html vue react有效)

一、 css-class-intellisense 插件名称名称: css-class-intellisense ID: tarrow.css-class-intellisense 说明: css class 智能提示 版本: 3.2.0 发布者: Tarrow VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=Tarrow.css-class-intellisense 该插件只对html文件有效 但经过测试对ang

HHH917的博客 6600

Vscode中css样式书写提示的插件及使用方法

我们在使用vscode的时候，发现在css样式中，选择器选中类名或者id名的时候，第一次调用需要手动输入，第二次调用才会自动提示，这样导致开发的过程中很不方便，下面我们使用插件进行解决这个问题，达到调用的时候可以自动提示的效果。 1、找到两个插件 HTML to CSS autocompletion，外联样式提示插件 css-class-intellisense，内联样式提示插件 找到，点击右下角的安装进行安装 2、安装完以后进行配置 2.1、打开命令面板 点击右下角设置，点击命令面板，【或者快捷键

陈福国的博客 3万+

2026前端vscode必备插件(持续更新)

2026前端vscode必备插件，包含vue、html、css、ai、调试等等，提高你的开发效率

weixin_60053942的博客 4万+

vscode scss样式飘红以及eslint无法自动检测

最近在使用vscode时，遇到了两个问题。 scss样式飘红 类似于这样，虽然并不影响代码，但是非常不美观。 解决方法如下： 安装插件 vetur 插件 配置文件的处理 点击 vetur右侧的齿轮图标，选择“扩展设置”，然后自动打开设置页面。 点击“在settings.json”中编辑，然后会自动打开setting.json文件，或者点击右上角的这个图标也可以进行视图与代码区域的切换。 在settings.json中写入"files.associations": { “.vue": “vue”

yehaocheng520的博客 9173
上一篇： c盘空间不够用-调整其他盘空间给c盘-DiskGenius-人人都可以学会
下一篇： vscode-vue文件中template布局部分行内style不提示（绝对可行，全网独家）
点赞 0
评论 0
书签 书签 0
billycoder
billycoder
博客等级 码龄17年 171粉丝 188原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值