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

最新推荐文章于 2024-09-18 22:09:31 发布
最新推荐文章于 2024-09-18 22:09:31 发布
阅读量1.7k 收藏
点赞数
分类专栏： 前端随记 文章标签： vscode css 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/billycoder/article/details/122787178
版权

看看hbuilderx

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

vscode怎么说

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

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

最后看看vscode效果

和hbuilder效果类似

在这里插入图片描述

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 4117
vscode 添加插件完成 css class的名字提示
解决在vscode上使用IntelliSense for CSS class names in HTML，无法出现代码提示的问题
希望我的分享，能帮助到你
09-18 459
最近在学习bootstrap前端框架的使用，然后，我就在vscode上找到了一个bootstrap的代码提示插件，叫作IntelliSense for CSS class names in HTML。没想到，安装完插件，重启vscode之后，并没有出现预期中的代码提示。我核对了一下bootstrap中的css文件和js文件的引用路径，并没有任何问题。
在vscode实现类似hbuilderx中的class提示
qq_40703755的博客
01-27 911
配置1配置2。
vscode写CSS支持提示类名
CiCi2012_3_6的专栏
08-07 8073
问题描述: HTML文件中定义了class的类名,然后在CSS文件中输入.选择器什么都没有提示, 解决方法: 需要安装插件:className Completion in CSS,亲测有效,已经定义好的类名在最底部 提示如下: 另外这两个插件也可以装上: HTML to CSS autocompletion IntelliSense for CSS class names in HTML ...
vscode css样式提示
zhang804633234的专栏
04-29 1184
【代码】vscode css样式提示。
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
uview 使用scroll-view以及swiper 做tabs
WWW_wwwww的博客
12-23 1484
<!-- 热销榜单列表 --> <template> <view class="body-view"> <view class="header-wrap"> <view class="titleBg"></view> <scroll-view class="top-menu-view" scroll-x="true" :scroll-left="scrollLeft"> <block v-fo
uniapp uView u-picker组件三级联动Demo
02-12
第二列的数据就是第一列高亮的行的详情（也需要高亮对应的行）；第三列的数据就是第二列高亮的行的详情（也需要高亮对应的行） - 4、点击 `请选择` 行，弹出选择框 - 5、change第一列时：第二列的数据为第一列高亮...
uview中u-picker实多级选择.zip 下载即用
10-24
只需要复制组件框架，data中定义的数据，以及methods中的方法即可实现； 兄弟们，不敢骗你们，我找了好久，好多假的，没效果的，不如直接下载我的， 有问题可随时联系，不容易，找了几天u-picker三级联动的使用方法...
uView——uView 之 u-picker 选择器 时间模式 不能选择过期时间判断
qq_43201350的博客
01-22 703
uView——uView 之 u-picker 选择器 时间模式 不能选择过期时间判断
vscode 插件 Tailwind CSS IntelliSense 解决 class 提示问题
舜岳的博客
01-31 1912
就是通过 Tailwind CSS IntelliSense 插件配置。正则匹配到了就显示提示。
vscode vue文件，class没有用户代码片段提示
qq_32486011的博客
08-18 392
添加以上配置，其中。
VScode HTML文件中定义了class类名，然后在css文件中输入 . 选择器没有提示
weixin_38891273的博客
10-09 1979
解决方法 安装插件 className Completion in CSS
VsCode使用之HTML 中 CSS Class 智能提示
热门推荐
清风古韵
01-03 3万+
HTML 中 CSS Class 智能提示 安装插件：HTML CSS Support 设置中添加以下代码：   "editor.parameterHints": true, "editor.quickSuggestions": { "other": true, "comments": true, "strings": true 这个插件更好用，更省事 Inte...
Vscode css样式智能提示
qq_44745550的博客
10-25 9684
1.安装html css Support 2.打开 添加代码 “editor.parameterHints”: true, “editor.quickSuggestions”: { “other”: true, “comments”: true, “strings”: true}`
vscode css提示_锋利码农武器之vscode
weixin_39650745的博客
11-23 689
俗话说，工欲善其事必先利其器，我们码农的器是什么尼？没错，就是我们亲爱的IDE，前端开发者最爱的编辑器应该是vscode了吧。但是我们要怎么去锋利它尼？不外乎就是熟悉它的使用方法、快捷键以及第三方的插件。接下来，我整理了一些vscode常用的快捷键以及常用插件，希望可以帮助各位码农锋利自己的武器。快捷键器篇窗口文件相关快捷键新建文件Ctrl+N文件之间切换贴Ctrl+Tab打开一个新的V...
vscode 自定义代码补全&安装插件类名提示
03-02 1998
一，自定义代码片段补全配置，vscode中【文件】-【首选项】-【用户代码片段】-【新建全局代码片段文件】 二，安装vscode插件类名代码提示，插件名：IntelliSense for CSS class names in HTML(安装后记得次重启编辑器) 【注意：如果是.vue .php类的文件把这项去除，否则不成功】 pr...
解决uview2.0组件没有代码提示
weixin_44479794的博客
02-21 2310
在uniapp插件市场搜索uview2.0，右上角找到“使用HBuilder X导入插件” 跟着打开HBuilder X 导入你的项目 如果有提示合并文件，点击合并
集成uview-plus 3.x，并在自定义的scss中引用uview-plus的css变量
最新发布
10-05
如果你使用脚手架工具，可能会有自动导入CSS和SCSS文件的步骤；如果没有，你需要手动在项目的`main.css`或`global.scss`等全局样式文件中import UView Plus的CSS： 对于SCSS： ```scss // 全局scss文件 @import ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值