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

最新推荐文章于 2024-03-26 10:48:03 发布
最新推荐文章于 2024-03-26 10:48:03 发布
阅读量3.2k 收藏 1
点赞数 6
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunshine__Girl/article/details/107840301
版权

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

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

江湖儿女快意恩仇
关注
  • 6
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在vue项目中使用codemirror插件实现代码编辑器功能
10-16
本文将详细介绍如何使用`codemirror`插件在Vue中创建一个具备代码高亮显示和自动提示功能的代码编辑器。 首先，我们需要通过npm安装`codemirror`依赖库，命令如下： ```bash npm install --save codemirror ``` ...
vs-code里面 vue代码提示插件
03-14
第一款：Vue 2 Snippets 第二款：VueHelper 两款插件安装一个就行，看个人习惯喜欢那个提示插件
vscode中html css js注释问题
m0_49008720的博客
03-16 768
解决vscode中html css js注释问题
vscode中，注释html时，ctrl+/快捷键出现的时//
KLW75
08-31 6998
vscode中，注释html时，ctrl+/快捷键出现的时// 而不是<!-- --> 请安装vetur插件之后，重启vscode。 再次尝试即可。
解决在Vscode里 .vue文件的style代码块中无法正确注释的问题
weixin_44000800的博客
04-20 2884
在vscode里面写代码时突然碰见一个问题 在style代码块里面使用Ctrl+/ 进行注释时 无法对css代码进行正确注释 给我们的是html模板中的注释效果 <!卸载掉这个扩展并且重启了vscode以后所有注释都正常了 而且style标签也是淡蓝色的了而不是丑陋的白色。并且此时突然发现和我女朋友的vscode里面还大有不同，style标签颜色是白色的，她的是淡蓝色的。这个时候我大概猜出了可能是某扩展不作用了或者冲突了。上答案 卸载Vscode里面的这个扩展。而我们需要的是 /**/的注释。
VScode编辑器—Vue注释失败（ctrl+l）
weixin_45524929的博客
10-27 1328
不知道什么为什么突然注释失败，注释会添加双斜杠//，如下图所示。
HTML的注释与JavaScript注释及快捷键
weixin_45586870的博客
11-20 1万+
1、单行注释：在代码前输入两个反斜杠 // ，或用快捷键ctrl+/ 2、多行注释： 使用/* */ 把要注释的代码块包起来，或用快捷键shift+alt+a 3、若觉得2、的快捷键用着不方便，可以按自己喜欢可以在vscode中修改注释快捷键。 ...
使用webpack进行编译时，vue代码被替换为注释的解决方法记录
asfcyg的博客
04-27 556
在进行webpack编译时，vue代码都被替换为了注释 解决方法： 在webpack.config.js文件中的module.exports={}中添加入以下代码 resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' } } 再次运行就欧克了 ...
vue中使用codemirror的实例详解
10-17
在Vue.js应用中， Codemirror 是一个强大的代码编辑器组件，它允许用户在Web页面上展示和编辑代码。Vue-Codemirror是Vue.js与Codemirror的集成，提供了在Vue项目中方便地使用Codemirror的功能。这篇实例教程将详细...
vue中v-text / v-html使用实例代码详解
10-17
主要介绍了vue中v-text / v-html使用实例代码详解,非常不错，代码简单易懂，具有一定的参考借鉴价值，需要的朋友可以参考下
vue实现codemirror代码编辑器中的SQL代码格式化功能
10-16
主要介绍了vue实现codemirror代码编辑器中的SQL代码格式化功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
vs code 出现html js css 注释不正常
sunny327的专栏
04-16 9911
最近在做项目时，使用vs code进行注释时，只能注释成js可以识别的注释代码。如下 这样的注释html是不认的，自然是注释不成功，还会报错。 通过上网搜索，最终定位成是装的插件太多，造成有些快捷键冲突了。把vetur插件卸载之后再重新安装就可以了。 ...
vscode插件问题不能识别html文件中script部分的代码
放羊的小孩
04-28 1649
vscode编辑器开发html无法识别script模块中的js代码。
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中使用快捷键注释Vue代码，页面显示//注释失败的处理方法
Shivy_的博客
08-11 1万+
vscode中使用快捷键注释Vue代码，页面显示//注释失败的处理方法
vue 键盘快捷键标注
Lycoris_Red的博客
07-24 2424
使用vue，Css ,js 做一个虚拟键盘并添加快捷键的标注信息
vue文件显示为html，如何解决
sugar1236的博客
08-02 499
vue文件显示为html，如何解决 这是因为vscode编辑器导致的，虽然页面显示没有问题，但是用的scss语法就会出现红色波浪报错。 解决这个问题，应在vscode的设置（左下角的设置图标）里面，点击控制面板，搜索settings，找到workspace.json文件，修改里面的配置 "settings": { "files.associations":{ "*.vue": "vue" } } ...
【项目经验】Vscode添加vue前端注释模板
Yolanda94
03-06 5000
【背景】    最近小编在工作中接手的新项目前端部分，也需要给原来的代码补注释，为了能够更加高效的写注释，所以在Vscode里配置了模板。个人感觉使用感觉不错，所以将过程记录下来分享给大家。（并非权威，如有错漏，欢迎指正！不胜感激！） 【内容】 注：本注释模板是用于在Vscode里配置的，模板更多的适用于Vue开发的前端代码加注释，还不曾在其他前端代码中实验过，对于其他代码是否适用并不清楚，欢迎大家实验并将结果在评论分享，可以一起交流交流。 一、公共部分配置 1、调出Vscode配置面板，快捷键Ctrl
vscode代码注释和文件头部描述注释
最新发布
知识点沉淀包括不限于前端
03-26 5059
代码注释 单行、多行、jsdoc注释 特殊标记注释 todo等 vscode注释快捷键 vscode注释插件
vue+vue-seamless-scroll使用示例代码，加中文注释
03-31
<template> <div class="scroll-wrapper"> <vue-seamless-scroll :list="list" :speed="speed" :step="step" :direction="direction" :pause-on-hover="true"> <template slot-scope="{ item }"> <div class="scroll-item">{{ item }}</div> </template> </vue-seamless-scroll> </div> </template> <script> import VueSeamlessScroll from 'vue-seamless-scroll' export default { components: { VueSeamlessScroll }, data() { return { list: ['第一条', '第二条', '第三条'], // 滚动列表 speed: 30, // 滚动速度，单位：px/s step: 1, // 每次滚动距离，单位：px direction: 'left', // 滚动方向，可选值：left、right、up、down } } } </script> <style scoped> .scroll-wrapper { width: 200px; height: 50px; overflow: hidden; } .scroll-item { height: 50px; line-height: 50px; padding: 0 10px; white-space: nowrap; // 文本不换行 } </style>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值