使用vue3，vscode变量不高亮

已于 2022-07-19 20:52:55 修改
阅读量2.1k 收藏
点赞数 3
文章标签： vscode ide visual studio code vue.js
于 2022-05-11 14:27:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SiShen654/article/details/124709451
版权

如果你的插件中有Vetur，将其禁用重新加载即可。
如果没有，就是你没有安装官方推荐插件：Volar
在这里插入图片描述

编辑 | sishen
来源 | 前端兔
公众号 | @前端兔

关注公众号查看更多前端知识分享~~

死神654
关注
VSCode的Vue工具
08-08
VSCode（Visual Studio Code）是Microsoft开发的一款强大的源代码编辑器，它支持多种编程语言，对于Vue.js开发者来说，尤其是一把利器。...通过安装和配置如Vetur这样的插件，VSCode可以成为你不可或缺的Vue开发利器。
vue cli3.0 引入eslint 结合vscode使用
10-16
本文主要介绍如何在使用Vue CLI 3.0创建的Vue项目中引入ESLint代码检测工具，并结合Visual Studio Code（VSCode）编辑器来实现代码的实时检测与自动修复。 ### 知识点一：ESLint简介 ESLint是一款插件化的...
【重要问题记录】vue3代码在vscode中导入的组件名称不高亮
ktianc的博客
06-13 2434
家人们为啥公司电脑的vscode导入组件是高亮的，家里面的vscode导入组件名不高亮，安装的vscode插件都一模一样。切换到了 5.0.4就解决了。最终切换工作区版本解决了。
vscode中vue代码没有高亮显示的问题
weixin_65644264的博客
06-24 2366
**Vetur**：Vetur 是一个专门为 Vue.js 开发提供支持的插件，它提供了语法高亮、智能提示、Emmet 支持等功能。- **VS Code 设置冲突**：有时其他插件或自定义设置可能与 Vetur 冲突。- 在菜单栏中选择 **文件(File)** > **首选项(Preferences)** > **设置(Settings)**。- 在 Vetur 插件下，如果有更新可用，会显示更新按钮。- **重装插件**：尝试先卸载 Vetur 插件，然后重新安装。- 打开 VS Code。
Sumblime Text3中使用vue-cli创建vue项目，代码不高亮，解决
weixin_30772261的博客
05-30 218
问题如下：在Sumblime Text3中打开vue-cli常见的项目，代码一片灰色 解决如下： 第一步：下载文件Vue components 链接 GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components 第二步：找到Sumblime Tex...
vscode或vetur插件升级后vue代码高亮失效解决
weixin_34162401的博客
12-04 3298
就在2018年12月3日的清晨，手贱升级了vetur插件，从此我的vscode一片灰暗……哦不，一片黑白...... 试过了搜索到的一些解决方案，比如重装vetur（vscode直接搜索重装）啊，更改设置啊，都没用。最后才发现vetur官方 github 给的方案比较靠谱~就是从vsce安装插件，或者版本回退下,步骤如下: 卸载已经更...
vue实现点击当前标签高亮效果【推荐】
08-27
3. 使用 v-for 指令动态渲染数据 4. 使用 :class 指令动态添加类名 5. 点击事件函数的定义和使用 6. 实现高亮效果的思路和步骤 本文详细介绍了 Vue 实现点击当前标签高亮效果的思路详解，希望对大家有所帮助。如果...
vscode 开发vue常用插件
06-05
在使用Visual Studio Code (VSCode) 进行Vue.js开发时，有一些必备的插件能够极大地提高开发效率和代码质量。以下将详细讲解这些插件的功能及其重要性： 1. **jonnyyu.chrome-app-devtools-1.1.1.vsix**：这是一个...
第2讲 vscode软件的安装与使用_vscode_vscode使用_
09-29
3. **框架集成**: 如Vue.js、React、Angular等，VSCode都有对应的开发工具支持。 4. **文档编写**: 使用Markdown插件，轻松编写技术文档。 总的来说，Visual Studio Code以其强大的功能、高度的可定制性和易用性，...
vue3 解决代码vscdoe代码高亮的问题
qq_48474084的博客
03-28 946
今天启动了一个vue3的项目，但是打开vscode编辑器，发现里面的代码全是灰白色，整段整段的，看的很不清楚，如何解决代码高亮显示呢?在左侧点击扩展——在条形筐输入“Vetur”——下载该插件，即可。以下是下载安装完后的代码块，是不是舒服多了。
【解决】webstorm中 ，个别vue文件里面不高亮的问题
Lione10的博客
03-02 3255
【解决】webstorm中 ，个别vue文件里面不高亮的问题
VsCode的vue文件不高亮显示
张晨光老师的播客
06-05 2020
在VsCode环境下，vue文件不高亮显示，是黑色的，经过添加插件vetur,但是界面依旧。最后，需要经过如下配置即可。
vscode开发js项目 未使用的import变量灰色显示 失效
彼岸的包子的博客
08-31 4706
问题描述： 使用vscode开发react项目，突然发现未使用的变量不再显示为灰色 解决方案： 修改tsconfig.json中的配置 "noUnusedLocals":false
vs code 解决 设置代码高亮不生效
nonglianwang的博客
11-11 1031
使用vs code 开发vue项目的时候，往往会通过一些插件来帮助我们高效的开发，针对vue代码的格式化和高亮显示有两个比较好的插件，一个是vetur（vue2）,另一个是volar（vue3）。最近由于换了新的主机，然后重新安装了一下vs code，因为开发的是vue3项目，自然而然的安装了一下volar插件，发现安装之后代码并没有高亮显示，重启编辑器依然不生效。查找资料发现在vs code的设置中有个配置可以影响代码的颜色高亮显示。注释之后保存，返回vue项目代码就可以看到代码高亮显示了。
vscode中vue文件，script代码块无高亮问题
xiaozhangluo的博客
11-17 2179
html和css都能够正常高亮，ts/js只有部分高亮
vscode中 vue3+ts 项目的提示失效，volar插件失效问题解决方案
潜心
11-07 8378
📚Typescript☃️ 个人简介：一个喜爱技术的人。🌞 励志格言: 脚踏实地，虚心学习。
vscode开发vue项目 代码高亮/语法提示 失效解决方法
热门推荐
qq_39167720的博客
07-22 1万+
vscode开发vue非常好用，因为有很多的插件，可以补全语法，或者高亮便于检查错误，但我发现我装了很多插件，却只有很少的提示，颜色也不改变，字只有两三种颜色，明显高亮也失效了，之前一直没有解决。第三种办法是卸载重装vue，然后再装插件，我这里更新了一下版本，但没有卸载，主要是怕丢东西，不怕的可以试试。我采取了自己的办法，开始想恢复初始设置，但没找到这个选项，于是我找到了vscode的配置文件，在这里。ctrl+s保存后退出，ok，高亮全部恢复，解决问题。打开左下角设置，在上面搜索preve。...
VS与VSCode的区别
最新发布
weixin_43580791的博客
10-02 2983
Visual Studio（简称VS）和 Visual Studio Code（简称VS Code）都是由微软开发的编程工具，但它们在设计理念和用途上有很大的区别。Visual Studio：虽然支持扩展，但由于功能已经较为完善，通常不需要太多额外插件。即使如此，扩展的种类和数量相对 VS Code 少一些。VS Code：VS Code 的强大之处在于其插件市场，几乎可以找到适用于任何需求的插件，用户可以根据自己的喜好自定义编辑器，从语法高亮到调试工具，甚至是界面主题都可以调整。特点类型。
scss vscode vue 提示变量 - csdn
09-06
SCSS 是一种CSS预处理器，可以在CSS的基础上添加一些功能，例如变量、嵌套选择器、混合宏等。在VSCode（Visual Studio Code）这个编辑器中，可以使用SCSS插件来提供SCSS语法的支持和提示。 Vue 是一种JavaScript框架，用于构建用户界面。它支持使用SCSS作为样式语言，所以在Vue项目中可以使用SCSS语法来编写样式。在VSCode中，如果安装了Vue插件，它会提供对Vue相关文件的语法高亮、错误检查和自动补全等功能。 对于SCSS中的变量，VSCode和Vue插件也会提供相应的提示功能。当在SCSS文件中定义了一个变量时，VSCode会自动识别并在编写样式的过程中给出相应的提示。这样可以大大提高开发效率，减少代码中的错误。 CSDN是一个面向IT技术人员的知识分享平台，上面有很多关于SCSS、VSCode和Vue的教程和学习资料。在CSDN上可以找到详细的SCSS、VSCode和Vue的使用方法和技巧，以及解决相关问题的方案。在学习和使用这些工具和技术的过程中，可以通过CSDN获得帮助和支持。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值