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

最新推荐文章于 2024-05-15 09:48:48 发布
最新推荐文章于 2024-05-15 09:48:48 发布
阅读量2.8k 收藏 9
点赞数 20
文章标签： vscode ide 编辑器 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44000800/article/details/130272335
版权

在vscode里面写代码时突然碰见一个问题 在style代码块里面使用Ctrl+/ 进行注释时 无法对css代码进行正确注释 给我们的是html模板中的注释效果 <!-- -->
在这里插入图片描述
而我们需要的是 /**/的注释
在这里插入图片描述
并且此时突然发现和我女朋友的vscode里面还大有不同，style标签颜色是白色的，她的是淡蓝色的
在这里插入图片描述

这个时候我大概猜出了可能是某扩展不作用了或者冲突了。
经过几分钟的寻找终于找出了罪魁祸首。

上答案 卸载Vscode里面的这个扩展
在这里插入图片描述

卸载掉这个扩展并且重启了vscode以后所有注释都正常了 而且style标签也是淡蓝色的了而不是丑陋的白色
在这里插入图片描述

我有头发
关注
  • 20
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
vue 报错 ?vue&type=style&index==0&id=...&scoped=true&lang=css&...
zihong2019的博客
05-10 1万+
项目场景： vue 版本：vue 2.6 编辑器：WebStorm 2020.1.1 问题描述： 报错如下 ./src/views/.../add.vue?vue&type=style&index=0&id=ee902892&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/s
vscode ctrl + / 无法注释成功
light的博客
03-02 1万+
vscode注释快捷键失效
vscode ctrl+/ 注释快捷键失效
最新发布
kentturing的博客
05-15 803
vscode ctrl+/ 注释快捷键失效
vscode中，在html文件的style或script标签下注释异常问题 _
weixin_51607490的博客
02-27 1065
怀疑是不是因为安装了某个插件，最终发现是Jinja插件导致的问题，将其禁用之后就可以正常快捷注释 html 文档中的 javascript 代码和 css 代码了。 终于可以愉快地注释了。。。
vscode中，在html文件的style或script标签下注释异常问题
CodeTH的博客
11-17 4682
用 VS Code 编辑 html 文档时，发现快捷键注释html中的 js 代码（script标签中）显示成 “” 查了一圈配置文档，并看不出什么… 怀疑是不是因为安装了某个插件，最终发现是Jinja插件导致的问题，将其禁用之后就可以正常快捷注释 html 文档中的 javascript 代码和 css 代码了。 终于可以愉快地注释了。。。 ...
Vs Code中书写Vue代码，使用Ctrl+/快捷注释html代码出现//
小钻风的博客
08-06 3291
Vs Code中书写Vue代码，使用Ctrl+/快捷注释html代码出现"// 1、首先检查红色框内是不是vue，如果不是，调整成为Vue试试 2、然后检查有没有安装插件，Vue 3 Snippets，如果有，请毫不犹豫的卸载掉它吧，我找了很久，试了很多次，我的是这个原因造成的（卸载后最好重启vs code） 3、如果还不行，那就试着卸载veture，先卸载再重新安装 ...
vsCode的vue项目中配置style的——css样式代码提示
qq_42426159的博客
11-07 9511
vue项目中style样式代码提示 一般情况在vue项目中 .vue结尾的文件中，在dom节点上定义style="…" 中书写 css样式时没有代码提示。只能手写就很苦恼。 解决方法： 打开 文件——首选项——设置——找到settings.json打开 在settings.json中添加代码 "emmet.syntaxProfiles":{ "vue-html": "html",...
在vscode中已经设置了style和css布局,保存代码后系统也没有提示报错为什么在网页刷新展示时没有效果？（自学编程错误集合）
m0_73034508的博客
08-18 1850
今天在学习css布局时，准备给页面设置居中属性；在vscode编辑器中给要设置居中的元素的stylet添加了文本居中属性:text-align: center;保存代码后刷新网页，发现网页没有任何变化。再去vscode编辑器中保存一下，也系统也没有提示有问题。 我在网上也没有找到相同的问题解决办法，于是我就去其他同学的学习作业网页中查看网页源代码，找到了问题的所在。 从vscode编辑器的代码我们可以看到虽然也有设置文本居中属性:text-align: center;但是刷...
vscode在vue中注释失效
Lval的博客
11-27 4750
vscode在vue文件中注释出现下面的情况 可能是Vue 3 Snippets造成的插件冲突，卸载掉这个插件，或者，安装个插件 “Vuter” 解决 （注意是“Vuter“ 不是那个”Vetur“插件）
vscode添加 Artistic Style（AStyle）
ArthurBruin‘s Blogs
12-10 2452
1. PC端安装Artistic Style软件 1.1 软件下载 官网地址：http://astyle.sourceforge.net/ 选择Download项，得到安装文件（免安装）： 解压拷贝到安装路径下得到：其中AStyle.exe是可执行文件，但是不能直接执行，其是命令行模式，因此需要配合其他软件才能执行 记录下文件路径：D:\01_eda_install\AStyl...
vscode配置AStyle格式化代码
Forver的博客
12-02 9415
一、打开vscode插件下载astyle 二、下载AStyle并配置环境 1、官网下载http://astyle.sourceforge.net/下载最新版AStyle，解压到本地文件夹。 2、将解压的AStyle文件夹中bin文件路径添加到Windows的环境变量-系统变量-PATH。 （右键单击计算机，选择属性，搜索高级系统系统设置->高级，按步骤添加保存） 3、重启Windows，可以使环境变量更改起效。 三、ctrl+shift+p打开首选项设置 以下是本人个人使用的格式化配置，具体每项实
关于再＜style＞中使用＜!-- --＞注释失败的原因
weixin_73412387的博客
05-26 329
学习webstorm(2023.1.2)的时候,想在style标签中插入注释,按住ctrl + /出现的是我用其进行注释,发现字体并没有变灰而是然后运行的时候,所有style中的样式失效了一部分。
vscode前端代码注释模板使用介绍
热门推荐
hanwuqia0370的博客
01-04 2万+
添加注释 ctrl+shift+p打开 输入snippets点击进入用户代码片段配置 配置css.json/css 进入之后输入 &amp;amp;amp;quot;Print to cssTitle&amp;amp;amp;quot;: { &amp;amp;amp;quot;prefix&amp;amp;amp;quot;: &amp;amp;amp;quot;cssNoteTitle&amp;amp;amp;quot;, &a
vscode中html css js注释问题
m0_49008720的博客
03-16 768
解决vscode中html css js注释问题
Vscode,JetBrains的首部注释和CSS的简单总结
eswang的CSDN博客
07-28 844
目录 首部注释 --for Vscode 首部注释 --for Jet Brains 字体 段落 布局 背景 首部注释 --for Vscode 之前写代码总是忘记加个首部注释，导致日后自己查阅的时候总是会出现这样那样的问题，对于VScode这样有丰富插件支持的IDE来说，肯定有这种自定义模板然后一键生成首部注释的插件。找来找去，有两款用的很多而且评价不错的插件，...
vscode切换行注释快捷键“ctrl+/“失效、不起作用的处理办法
f694405313的博客
10-08 5110
今天在使用"ctrl+/"行注释快捷键的时候失效，不起作用，于是去vscode的键盘快捷方式里查找是否有按键冲突，结果在录制按键的时候始终打不出"ctrl+/"，只能打出"Ctrl"(见下图)这代表不是vscode内部导致的快捷键冲突，而是其他软件的快捷键冲突，最后发现是输入法的快捷键冲突（搜狗，QQ拼音都可能出现）关闭后就可以正常使用vscode切换行注释快捷键"ctrl+/"了。
vue中style设置scoped后部分样式不生效
galaxyJING的博客
03-21 5904
vue中style设置scoped后部分样式不生效
[HTML] 完美解决vscode在style中没有代码提示的问题
weixin_51882162的博客
12-01 3519
解决vscode在style中没有代码提示的问题
VScode在.vue文件写v3ts没有代码提示
06-08
如果你在 VSCode 中使用 Vue 3 和 TypeScript，但是在 .vue 文件中没有代码提示，可能是因为你需要安装 `@vue/compiler-sfc`。 你可以通过以下步骤安装它： 1. 打开终端并进入你的项目目录。 2. 运行以下命令安装 `@vue/compiler-sfc`： ``` npm install --save-dev @vue/compiler-sfc ``` 3. 重新启动 VSCode。 现在，你应该可以在 .vue 文件中获得代码提示了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值