Vs Code中书写Vue代码，使用Ctrl+/快捷注释html代码出现//

最新推荐文章于 2025-03-21 11:37:27 发布
最新推荐文章于 2025-03-21 11:37:27 发布
阅读量3.7k 收藏 1
点赞数 6
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunshine__Girl/article/details/107840301
版权
本文介绍在VsCode中使用Vue进行开发时，遇到Ctrl+/快捷键无法正确注释html代码的问题及解决方法。主要包括：确认语言模式为Vue，卸载可能导致冲突的插件如Vue3Snippets和veture，并重启VsCode。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Vs Code中书写Vue代码，使用Ctrl+/快捷注释html代码出现"//
1、首先检查红色框内是不是vue，如果不是，调整成为Vue试试
在这里插入图片描述

2、然后检查有没有安装插件，Vue 3 Snippets，如果有，请毫不犹豫的卸载掉它吧，我找了很久，试了很多次，我的是这个原因造成的（卸载后最好重启vs code）
在这里插入图片描述
3、如果还不行，那就试着卸载veture，先卸载再重新安装
在这里插入图片描述

VS Code插件神器
JanLEE
07-04 2915
1. Codelf 安装次数：2万+ 在计算机科学中只有两件难事:缓存失效和命名。 我对这句话深有同感，当开发项目时，命名一直都是一种让我痛苦的事情。我想，应该不止我一个人有这样的感觉。 可是，命名又是开发过程中一项非常重要的事情，例如，一个好的函数命名，能够让你瞬间明白它实现的功能，这样就节省了很大一部分时间琢磨一段代码到底是什么含义。 所以，每当开发过程中遇到要命名的变量、函数、类时我就不得不停下开发，苦思冥想半天。 但是，CodeIf的出现让这个问题迎刃而解，它通过搜索GitHub
Vue源码分析——第三章
Lee的博客
09-10 711
Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...
VS Code 的常用快捷键
04-09 5162
VS Code 的常用快捷键和插件 一、vs code 的常用快捷键 1、注释： 　　a)单行注释：[ctrl+k,ctrl+c] 或 ctrl+/ 　　b)取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u) 　　c)多行注释：[alt+shift+A] 　　d)多行注释：/** 2、移动行：alt+up/down 3、显示/隐藏左...
vscode中html css js注释问题
m0_49008720的博客
03-16 1119
解决vscode中html css js注释问题
[vue]VsCode快捷键
weixin_44769745的博客
03-21 556
如有错误，请指正！！！
vscode快捷键注释Vue代码时变成//报错处理方法
Mark的博客
11-19 2735
快捷键注释Vue代码报错如图，处理方法 1.打开设置，找到setting.json 2.在setting.json配置文件里面加上如下内容： "files.associations": { ​ "*.vue": "html" ​ } 如图： 设置完成后保存，然后再使用快捷键进行注释就可以了 ...
vscode中打开vue项目是html,用vscode实现vue.js项目的一个完整过程
weixin_35353583的博客
06-11 1846
1,新建项目打开Visual studio code打开一个你想要创建项目的文件夹打开集成终端：查看 –> 集成终端 或者直接按 ctrl+`如果没有安装vue-cli，在终端输入：npm install -g vue-cli全局安装vue-cli然后新建项目vue init webpack projectNameprojectName换为你想要的名字。这里我建立的项目名为 ex1然后一直按...
vscode中，注释html时，ctrl+/快捷键出现的时//
KLW75
08-31 7261
vscode中，注释html时，ctrl+/快捷键出现的时// 而不是<!-- --> 请安装vetur插件之后，重启vscode。 再次尝试即可。
解决在Vscode里 .vue文件的style代码块中无法正确注释的问题
weixin_44000800的博客
04-20 4282
在vscode里面写代码时突然碰见一个问题 在style代码块里面使用Ctrl+/ 进行注释时 无法对css代码进行正确注释 给我们的是html模板中的注释效果 <!卸载掉这个扩展并且重启了vscode以后所有注释都正常了 而且style标签也是淡蓝色的了而不是丑陋的白色。并且此时突然发现和我女朋友的vscode里面还大有不同，style标签颜色是白色的，她的是淡蓝色的。这个时候我大概猜出了可能是某扩展不作用了或者冲突了。上答案 卸载Vscode里面的这个扩展。而我们需要的是 /**/的注释。
VS Code 的常用快捷键和插件
m0_71753445的博客
07-31 837
VS Code 的常用快捷键和插件
【VS Code】Windows10下VS Code安装配置、功能介绍和各种语言、项目环境配置目录（持续更新中！）
memcpy0的博客
06-24 5824
文章目录0. 编译器、IDE和环境搭建1. 获取和配置VSCode1.1 下载和安装VSCode1.2 VSCode中文语言环境配置2. VSCode配置C/C++语言环境2.1 下载安装MinGW-w642.2 语言环境的文件结构3. VSCode配置LaTeX语言环境3.1 下载安装Tex Live3.2 安装 LaTeX\LaTeXLATE​X 支持插件 0. 编译器、IDE和环境搭建 这里要区分的是 Visual Studio Code （VSCode）和 Visual Studio（VS），前者
HTML 入门笔记 － 初识HTML
qianduan666a的博客
07-22 892
HTML 入门笔记 － 初识HTML 基础框架 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>标题标签</title> </head> <body> <h1>了不起的盖茨比</h1> <p&.
VScode编辑器—Vue注释失败（ctrl+l）
weixin_45524929的博客
10-27 2494
不知道什么为什么突然注释失败，注释会添加双斜杠//，如下图所示。
HTML的注释与JavaScript注释及快捷键
weixin_45586870的博客
11-20 1万+
1、单行注释：在代码前输入两个反斜杠 // ，或用快捷键ctrl+/ 2、多行注释： 使用/* */ 把要注释的代码块包起来，或用快捷键shift+alt+a 3、若觉得2、的快捷键用着不方便，可以按自己喜欢可以在vscode中修改注释快捷键。 ...
使用webpack进行编译时，vue代码被替换为注释的解决方法记录
asfcyg的博客
04-27 620
在进行webpack编译时，vue代码都被替换为了注释 解决方法： 在webpack.config.js文件中的module.exports={}中添加入以下代码 resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' } } 再次运行就欧克了 ...
vscode中使用快捷键注释Vue代码，页面显示//注释失败的处理方法
Shivy_的博客
08-11 1万+
vscode中使用快捷键注释Vue代码，页面显示//注释失败的处理方法
vs code 出现html js css 注释不正常
sunny327的专栏
04-16 1万+
最近在做项目时，使用vs code进行注释时，只能注释成js可以识别的注释代码。如下 这样的注释html是不认的，自然是注释不成功，还会报错。 通过上网搜索，最终定位成是装的插件太多，造成有些快捷键冲突了。把vetur插件卸载之后再重新安装就可以了。 ...
vscode插件问题不能识别html文件中script部分的代码
放羊的小孩
04-28 1819
vscode编辑器开发html无法识别script模块中的js代码。
【VS code】使用VS code写js生成文档注释快捷键
热门推荐
阿来小同学的博客
09-21 2万+
在使用vscode写js的时候有时候需要对js中的一些方法生成文档注释，有两种方法 1.在vscode中搜索插件 add jsdoc comments安装，安装成功后重启,选中方法（方法名+括号参数），然后按下F1，选中命令Add Doc Comments 即可。不过这个插件支持的注释很少。 2.在vscode中搜索插件Document This安装， 选中方法 按两次......
webstorm代码自动补全
最新发布
04-28
### WebStorm 中代码自动补全功能设置与使用 #### 一、基本概念 WebStorm 是一款强大的 IDE 工具，支持多种编程语言和框架开发。其内置的代码自动补全功能能够显著提升编码效率[^1]。 #### 二、常见的自动补全方式 以下是几种常用的自动补全方法及其具体实现： 1. **标签补全** 输入 HTML 或 XML 的标签名称后按下 `Tab` 键即可完成补全。例如输入 `<div>` 并按 `Tab` 键会生成完整的闭合标签结构。 2. **带属性的标签补全** 使用特定语法可以快速创建带有属性的标签。例如： - 输入 `a#id.class` 后按 `Tab` 键可生成 `<a id="id" class="class"></a>`[^1]。 - 如果需要指定链接地址，则可以通过 `a[href="#"]` 表达式来简化书写过程[^1]。 3. **嵌套标签批量生成** 利用层级关系表达法能一次性写出多个嵌套层次分明的 DOM 结构。比如输入 `ul>li*5` 再按 `Tab` 就能得到五个列表项组成的无序列表: ```html <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> ``` 4. **复杂模板一键展开** 对于 Vue.js 开发者来说，在新建文件里只需敲入 `template` 加上 `Tab` 即可获得标准组件骨架代码片段[^3]: ```html <template> </template> <script> export default { name: '', template: '', components: {}, props: {}, data() { return {}; }, methods: {} }; </script> ``` #### 三、快捷键辅助提高效率 除了以上提到的基础操作外，合理运用一些全局性的快捷组合也能极大地方便日常工作流中的各种场景切换及修改动作执行: | 快捷键 | 描述 | |-------------------|------------------------------------------------------------------| | Ctrl + Space | 提示可能的方法或变量名 | | Alt + Enter | 显示可用修复选项 (如导入缺失库) | | Shift x2 | 打开统一搜索框 | | Ctrl + B/Ctrl + 鼠标左击 | 跳转到声明位置 | | Ctrl + R | 替换字符串 | | Ctrl + D | 复制当前行 | 另外还有专门针对整个项目结构调整优化方面的命令——通过 `Ctrl+Alt+L` 可以让混乱排列不整齐的部分重新变得井然有序；而当想要临时禁用某段逻辑时则可以用 `Ctrl+/` 添加单行或多行注释标记[^2]。 #### 四、个性化配置建议 如果默认行为无法满足个人习惯或者特殊业务需求的话，也可以进入 Settings -> Editor -> General 下调整 Live Templates 和 Code Completion 参数来自定义触发条件或是扩展更多实用宏函数[^3]。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值