vscode写CSS支持提示类名

最新推荐文章于 2024-07-06 09:44:54 发布
最新推荐文章于 2024-07-06 09:44:54 发布
阅读量8k 收藏 10
点赞数 9
分类专栏： vue vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CiCi2012_3_6/article/details/107856712
版权

问题描述:

HTML文件中定义了class的类名,然后在CSS文件中输入.选择器什么都没有提示,

解决方法:

需要安装插件:className Completion in CSS,亲测有效,已经定义好的类名在最底部
提示如下:

另外这两个插件也可以装上:

HTML to CSS autocompletion

IntelliSense for CSS class names in HTML

紫泪轻扬
关注
专栏目录
vue-scss-variable-scan:让vscode在vue文件中提示scss自定义变量
04-29
vue-scss变量扫描 这是一个扩展，允许vscode在Vue和Scss文件中提示SCSS的自定义变量。 扩展设置 有以下四个设置： vue-scss-variable-scan.globalPath ：SCSS扫描变量的路径（默认值：src / ** / *。scss） vue-scss-variable-scan.globalExcludePath ：SCSS扫描变量的排除路径。（默认值：“”） vue-scss-variable-scan.addCustomCssProperty ：此扩展仅支持css的某些属性，如果要支持更多属性，则可以在此设置中添加一些属性。（默认：[]）（PS：默认支持：[“背景”，“边框”，“颜色”，“宽度”，“高度”，“字体大小”，“填充”，“边距”]） vue-scss-variable-scan.excludeCssProperty ：如果您不
vscode 添加插件 提示 class
h5433的博客
10-26 3950
vscode 添加插件完成 css class的名字提示
VSCode编辑器中引入bootstrap无类提示解决方法
最新发布
weixin_72940349的博客
07-06 328
2.需要提示的话，只需在VScode扩展中搜索IntelliSense for CSS class names in HTML，下载安装即可。1.在用VSCode引入bootstrap框架时，在写类名时无提示，非常不便。3.这样就有类名提示了。
vscode-css-navigation：允许从HTML到CSS转到定义，或从CSS到HTML查找引用
02-11
CSS导航-VSCode扩展 允许进入从HTML到CSS /无礼/更少，提供完成和工作区的符号类和ID名称的定义，并支持查询从CSS到HTML参考。 产品特点 转到定义和预览定义 在HTML文档中，选择Go to definition或Peek definition ，扩展名将在当前工作空间文件夹中搜索相关CSS＆Scss＆Less选择器。 也可以在嵌套参考&...搜索选择器以获取Sass＆Less。 您可以找到定义的地方： HTML（或由activeHTMLFileExtensions选项指定扩展名的文件）： < html-tag > ， class = “” class-name “ ， id =” id-name “ 。 JSX和TSX： className =“ class-name ” ， className = {“ class-name ”} 。 请注意，默认情况下，
vscode中自己写的css样式表类名无法在vue文件中快速提示怎么处理
shaoyahu的博客
02-21 1884
自己写了一些css基础样式 , 引入之后在 vue 文件没有办法快速给出提示。能用上快捷键或者快捷提示总是这么的让人心情激荡。
VScode HTML文件中定义了class类名，然后在css文件中输入 . 选择器没有提示
weixin_38891273的博客
10-09 1945
解决方法 安装插件 className Completion in CSS
VSCode中插件等配置
weixin_47409897的博客
09-07 2488
目录VSCode中的注释设置 VSCode中的注释设置
史上最全VSCode插件，怪不得写代码头疼，VSCod安装与配置（适合小白）.pdf
05-09
11. HTMLCSSSupport：在HTML文件中引用CSS类名时提供智能提示。 12. indent-rainbow：用颜色显示不同层级的代码缩进。 13. change-case：转换代码中的变量命名风格。 以上插件能够极大地提升开发效率和体验，但要...
vscode工具插件
09-30
6. **ecmel.vscode-html-css-0.2.3.vsix**：这个插件提供了HTML和CSS的语法高亮、自动补全和代码导航等功能，加强了对这两种前端语言的支持。 7. **MS-CEINTL.vscode-language-pack-zh-hans-1.50.0.vsix**：这是...
在vscode实现类似hbuilderx中的class提示
qq_40703755的博客
01-27 859
配置1配置2。
vscode自动提示uview的内置class-其他scss和css的类名也能提示-效率提升
billycoder的专栏
02-05 1721
看看hbuilderx 默认的提示还是很给力 vscode怎么说 vscode默认不提示,这就难受了 可以通过安装一些插件,完成项目下css和scss类名的扫描,完成提示 支持*.css中类名提示,安装如下插件 支持*.scss中类名提示,安装如下插件 最后看看vscode效果 和hbuilder效果类似 ...
vscode 配置
tiankongxiao的博客
04-21 316
1.Auto Close Tag (必备) 自动闭合HTML/XML标签 2.Auto Rename Tag (必备) 自动完成另一侧标签的同步修改 3.Beautify (必备) 格式化 html ,js,css 4.Bracket Pair Colorizer (必备) 给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色 5.Vetur ...
VSCode快速生成HTML
Mr_lee_1的博客
10-26 2573
生成html模板：!(只有一个英文感叹号) 然后回车或TAB键即可 格式化代码：Shift + Alt + F（Windows下） 添加或取消注释：Ctrl + / 生成纯标签： 单个：div, 多个：div*3, 父子：ul>li*3 ul>li*3>a, tr*3>td*4(3行4列) table>tr*3>td*4 兄弟：h1+div*3+ul>li*3 (注：若直接复制vscode没有提示，则尝试先去掉最后一个字符再补全)..
vscode快捷键创建div和起class名字
weixin_72155467的博客
03-06 3980
vscode快捷键创建div和起class名字
vscode 添加类自动补全
yang 的博客
12-08 6249
问题描述： &lt;link rel="stylesheet" href="lib/bootstrap-4.0.0-dist/css/bootstrap.css"&gt; 在html中引入boot，并且在vscode中安装了bootstrap 3 snippets 和bootstrap 4 snippets，但是在输入类名时（我输入的是 table-bordered）并没有提示，只有tab...
vscode TailwindCSS那个插件好用
02-21
对于VSCode中的Tailwind CSS插件，有几个比较受欢迎和好用的选择： 1. Tailwind CSS IntelliSense：这是一个提供智能代码补全和语法高亮的插件。它可以根据你的项目配置和Tailwind CSS的类名规则，提供准确的代码提示和自动完成功能。 2. Tailwind CSS Intellisense：这是另一个提供智能代码补全和语法高亮的插件。它支持自定义的类名提示和快速导航功能，可以帮助你更高效地编写Tailwind CSS代码。 3. IntelliSense for CSS class names in HTML：这个插件不仅支持Tailwind CSS，还支持其他CSS框架。它可以根据你的HTML文件中的类名，提供智能代码补全和语法高亮功能。 以上是一些常用的VSCode插件，可以帮助你在开发过程中更好地使用Tailwind CSS。你可以根据自己的需求选择适合自己的插件。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值