记一次VSCode中在vue文件输入style没有提示的问题

呆鹅与玖柒 呆鹅与玖柒 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.1k累计阅读 2.2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄9年
关注
原创 最新推荐文章于 2026-07-15 13:23:48 发布 2.1k 阅读 AI 写同款· GEO 优化 ›
vuejs从入门到精通（四）笔记，学习：尚硅谷Vue2.0+Vue3.0全套教程 data(){return{},school 阅读详情

记一次VSCode中在vue文件输入style没有提示的问题

第一步：VS Code 文件->首选项->设置
第二步：搜索 ‘files.associations’
第三步：选中工作区-》添加项 项键值内填【*.vue】 值简直内填【html】如下图所示

在这里插入图片描述
效果展示如下图，到这里vue style没有提示的问题完美解决，撒花。
在这里插入图片描述

收录于
vue

当前文章被收录于：

vue
4 篇文章 0 人学习
订阅专栏 查看详情
标签
#vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
解决VSCode中编写Vue代码没有提示的问题 在VSCode的设置中搜索"autocomplete"，找到相关的设置项，并确保其值为true。在VSCode的插件面板中，你可以检查是否有可用的更新。如果问题仍然存在，可能是由于其他原因导致的，你可以尝试在开发者社区或相关论坛上寻求帮助，以获得更具体的解决方案。如果你尝试了以上的方法仍然没有代码提示，可以尝试重新启动VSCode，看看是否能够解决问题。在使用VSCode编写Vue代码时，有时候会遇到没有代码提示的情况，这给开发带来了不便。如果在特定的Vue项目中没有代码提示，可能是因为项目配置的问题。 阅读详情

相关推荐

Ubuntu系统下USB无线网卡无法识别的解决方案

Realtek的USB设备可能是无线网卡、有线网卡、读卡器等，系统仅知道“这是Realtek的USB设备”，但不知道“如何将其作为无线网卡驱动”。通过以上步骤，RTL8812AU 芯片的 Edimax 无线网卡应能被 Ubuntu 识别并正常工作。Realtek等品牌的无线网卡可能被系统简单识别为"USB设备"，但未匹配到对应的无线驱动，导致设备无法发挥网络功能。是系统识别了USB设备，却未正确加载无线网卡驱动。（前4位是厂商ID，后4位是产品ID），显示设备已识别，但网络管理工具无反应，

极地星辰 3466

VSCode写style的时候不提示

VSCode写style的时候不提示，安装插件，设置勾选

weixin_58934887的博客 4480

PotPlayer 史诗级更新！实时字幕生成+实时翻译，看片真的无敌了！

potplayer已经更新实时字幕生成+实时字幕翻译功能

阿虚同学的博客 1万+

VsCode开发Vue项目时候在vue里面写标签没有行内style提示 怎么办？

最近写vue项目的时候不知道怎么回事在vue的template组件写html标签里面写行内样式没有效果试试一下方法。博主也是试了好多方法才遇到一个成功的分享给大家希望大家能用的到。点击右上角进入settings.json文件。在里面加入上面方块里面的代码。下面的就是代码可以直接复制。

m0_62725795的博客 1798

Frenet坐标系下动态街道场景的最优轨迹生成

本文详细解读了Lattice Planner

BigDavid123的博客 2393

远程桌面（RDP）共享USB设备全攻略：不止Hyper-V，你的加密狗和CH340串口也能远程用

本文详细介绍了远程桌面（RDP）共享USB设备的完整解决方案，包括加密狗和CH340串口设备的远程使用技巧。通过RemoteFX USB重定向技术，用户可以在远程会话中无缝使用本地USB设备，提升工作效率。文章涵盖企业级配置、典型设备实战案例及高级故障排除方法，是远程工作者的实用指南。

weixin_42522964的博客 334

vue style无提示

vue style无提示

weixin_63830396的博客 921

Docker部署Nextcloud私有云：MariaDB、OnlyOffice与HTTPS全栈实践

Nextcloud作为主流开源私有云平台，其稳定部署依赖Docker容器化、MariaDB数据库优化、OnlyOffice在线协作集成及HTTPS安全加固四大核心技术。理解Docker Compose服务健康检查机制与依赖等待原理，可避免因启动时序导致的500/404错误；掌握MariaDB字符集配置与InnoDB参数调优，是保障Nextcloud全文搜索与大文件上传可靠性的底层基础；而OnlyOffice的JWT兼容性控制与Nginx路径重写规则，则直接决定文档协同功能是否可用。在家庭NAS、边缘服务器或

weixin_30328063的博客 515

VSCode中写Vue没有代码提示的解决办法

但是经过我测试，两个插件在大部分时候都只支持单词语法的提示，Vetur在已创建的标签外使用时才支持模板创建，而Volar好像不支持模板创建？并且两个插件同时安装了，需要禁用其中一个才能正常使用。Vetur这个插件是对Vue2的项目适配比较好的，Vue3项目官方出了个插件叫Vue Language Features(Volar)。图4 Volar插件安装过程。2023.2.22更新。

qq_50564231的博客 2万+

SAP-ABAP：SAP Open SQL 分页技术深度解析：语法、性能陷阱与最佳实践

SAP Open SQL 分页技术深度解析：语法、性能陷阱与最佳实践

baidu_35680696的博客 637

Nuxt - 项目打包部署及上线到服务器流程（SSR 服务端渲染）

Nuxt-项目打包部署及上线到服务器流程，详细介绍Nuxt项目上线部署，服务端渲染(ssr)项目及nuxt项目部署过程，nuxt项目打包上线，Nuxt项目的部署教程，NuxtJS项目部署方案，Nuxt如何部署到线上，nuxt项目部署篇，Nuxt项目搭建到Nuxt项目部署，Nuxt项目从开始到部署，详细教程。服务器部署nuxt项目,nuxt服务端部署上线，在服务器上部署nuxt项目，NuxtJS项目——命令和部署。......

🏆 前端领域优质创作者 1万+

[HTML] 完美解决vscode在style中没有代码提示的问题

原文链接：https://www.jianshu.com/p/7fdcb29080da 正文 最近因为工作需要开始着手使用vscode, 发现在写行内样式时并没有代码提示, 怎么解决呢? 答: 一般都移动一下光标之后再继续写就能有代码提示了. 效果如图 之后一定有很多人不愿意这样做, 然后开始在网上搜解决方案. 我们最常看到的答案是这样的: "editor.parameterHints": true, "editor.quickSuggestions": { "other": true, "comment

java_xxxx的博客 6624

仿真系列专栏介绍

大家好！欢迎来到我的仿真学习系列专栏！这是一个我在学习仿真技术过程中整理和分享的系列文章。作为一名正在不断学习和实践的工程师，我希望通过这个专栏，和大家一起探索仿真技术，尤其是在高速信号完整性方面的应用。

案例文章，高速信号 368

2021 最新 VsCode开发Vue没有行内style提示 怎么办？

行内样式没有提示很难受，相信大家和我一样去网上百度出来了一堆这种吧 这种办法其实是没有用的，相当于拆了东墙补西墙；如果这么设置后Vue的语法就不能提示了。 真TMD是一群傻X 这样设置管个鸟用？ 这样设置说白了就相当于把Vue文件设置成html了 那我直接创建html得了何必这样设置 这个文章只是吐槽下，顺便告诉你 如果你想找到解决方法 我劝你还是趁早放弃把。 我已经在网上找了好几天了 都没找到～ ...

qq_39909614的博客 5422

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

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

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

vsCode 设置vue文件标签内的style智能提示

VS Code 文件-》首选项-》设置 搜索：files.associations 点击在setting.json中编辑 最后一行添加配置： "files.associations": { "*.vue": "html" } 其他插件：Visual Studio IntelliCode（微软的AI智能代码推荐提示） 目前我使用的一些插件： ...

qq_42786138的博客 2323

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

vsCode的vue项目中配置style的——css样式代码提示

vue项目中style样式代码提示 一般情况在vue项目中 .vue结尾的文件中，在dom节点上定义style="…" 中书写 css样式时没有代码提示。只能手写就很苦恼。 解决方法： 打开 文件——首选项——设置——找到settings.json打开 在settings.json中添加代码 "emmet.syntaxProfiles":{ "vue-html": "html",...

qq_42426159的博客 9814

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

vscode style没有提示

在网上看到一大堆关于没提示的问题，甚至有人说修改文件属性来解决问题，都是白扯，修改文件属性，配置路由时就会有警告，恶心的要死！！！ 其实只需要下一个插件就好 TypeScript Vue Plugin (Volar)，然后重启就可以了！ 如果还是不好用的话，再下载一个 Vue Language Features (Volar) ，重启，上面那一个应该就好用了。 亲测好用，给个好评！！！ ...

weixin_45543508的博客 1051

vscode-vue文件中template布局部分行内style不提示（绝对可行，全网独家）

现象 怎么办? VS Code 文件-》首选项-》设置 搜索：files.associations 切换到settings.json,修改如下配置 "files.associations": { "*.vue": "html" } 效果

billycoder的专栏 2989

vscode vue html校验,VSCode环境下配置ESLint 对Vue单文件的检测

本文介绍了在VSCode环境下如何配置eslint进行代码检查，并介绍了如何对.vue单文件进行支持。ESLint 安装在工程根目录下，安装eslint及初始化$ npm install eslint --save-dev$ ./node_modules/.bin/eslint -- --init //会输出几个问题，指引配置eslint，我们选择通用方案即可1.? How would you l...

weixin_35715190的博客 1097

vscode的vue文件失去高亮，不能多行注释以及没有提示解决方法

今天学习的时候遇到一个问题，vscode里的vue文件失去了高亮，并且不能进行多行注释和失去了提示信息。 （图片没有截图就不展示了） 我在网上搜了很多大佬的文章，其中有一个大佬列举出了好几个解决方式，我把链接放在下面了 大佬的链接 但是这几种方法都没解决我的问题，然后我又和他死磕了好久，碰巧给我找到了 我发现这个里面要打开信任文件夹，启用全部功能，是在我画圈的那个位置，随后就解决了 ...

weixin_46669682的博客 1343

VSCode 在.vue文件中写style没有提示的解决办法

添加项 *.vue 值 html。

yizhilangou的博客 493

Vue项目中使用@代替src——并在VScode中开启@路径自动提示

这篇文章是为了记录一下项目里面经常使用的一个配置：“路径别名”【我自己个取的名】 一般的 “路径别名” ： + @ ——src + components —— src/components 以上的路径别名的好处就是： 当项目文件较多的时候，可以避免“…/…/”这样的一层一层的回溯路径。 当项目文件路径较深，使用相对路径不方便，使用传统的绝对路径又太复杂，可以方便程序员对文件的操作。 好了，话说到这里，小涂带你们来配置吧！ 一共分为三步！ 一、安装path模块 可以先看看自己个的node_.

gzmhxsn的博客 1万+

vscode配置vue中html，css，style代码提示

{ "emmet.syntaxProfiles":{ "vue-html": "html", "vue": "html" }, "files.associations": { "*.vue": "html" } }

smile 2万+

解决在Vscode里 .vue文件的style代码块中无法正确注释的问题

在vscode里面写代码时突然碰见一个问题 在style代码块里面使用Ctrl+/ 进行注释时 无法对css代码进行正确注释 给我们的是html模板中的注释效果 <!卸载掉这个扩展并且重启了vscode以后所有注释都正常了 而且style标签也是淡蓝色的了而不是丑陋的白色。并且此时突然发现和我女朋友的vscode里面还大有不同，style标签颜色是白色的，她的是淡蓝色的。这个时候我大概猜出了可能是某扩展不作用了或者冲突了。上答案 卸载Vscode里面的这个扩展。而我们需要的是 /**/的注释。

weixin_44000800的博客 4739

VSCODE通用插件+vue插件+react插件（2024版本）

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。点击这里领取Web前端开发经典面试题适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**

2401_84009837的博客 2195

Vscode 中设置 vue模板内容

vscode中设置 vue 模板内容 缘由 设置要求 1：vscode 先下载插件 `vetur` 2: 菜单栏 -文件 - 首选项 - 用户代码片段 3：使用 缘由 由于每次在 vscode 中创建vue的文件的时候，都需要手动书写 templete，模板 script，脚本 style，样式 这些重复和繁琐的事情，是可以定义一个模板信息的 设置要求 1：vscode 先下载插件vetur 2: 菜单栏 -文件 - 首选项 - 用户代码片段 ..

qq_25378657的博客 2950
上一篇： 【JAVA】Optional类实战
下一篇： HTTP协议错误代码大全
点赞 1
评论 3
书签 书签 5
呆鹅与玖柒
呆鹅与玖柒
博客等级 码龄9年 4粉丝 41原创
+ 关注 专栏目录 订阅专栏
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值