vscode中vue代码没有高亮显示的问题

最新推荐文章于 2024-07-25 15:05:13 发布
最新推荐文章于 2024-07-25 15:05:13 发布
阅读量2.4k 收藏 9
点赞数 11
文章标签： vscode vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Suffering_Dark/article/details/136487641
版权

问题描述: vscode中vue代码没有高亮显示

对比: 

解决:

1. 点击左下角的齿轮, 选择设置

2. 点击文本编辑器, 找到"在settings.json中编辑"

3. Ctrl + F查找, 找到workbench.colorTheme属性, 将其注释并保持

羡鱼@Lin
关注
  • 11
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode-vue:Vue语法高亮显示Visual Studio代码
05-03
vscode-vue Vue.js的语法高亮 哎呀 抱歉，这个坏消息：ES2015支持仍然存在问题。 使用嵌入的[removed] JavaScript代码无法触发VSCJavaScript语言支持。 这意味着Intellisense无法与嵌入的[removed]标记一起使用。 因此，使用ES2015可能导致语法高亮打破了下面[removed]使用一些新的ES2015语法（例如，当标签export default ）。 我仍在研究如何使VSC启用功能齐全JavaScript语言支持。 现在，如果你要激活的语法高亮，你可以移动<style>标签上[removed]标记中.vue文件。 但是您仍然无法获得全功能JavaScript语言支持，包括Intellisense。 Visual Studio程式码 安装 在Visual Studio Code命令行中进行ext install 搜索
VSCode的Vue工具
08-08
语法加亮 片段 Emmet Linting /错误检查 格式化 自动完成 调试
快速开始，使用 VSCode 开发 Vue 项目如何配置语法高亮和自动格式化
dadiyang的博客
05-15 2664
关于 IDE 开发 Vue 项目，一般使用 VSCode/WebStorm/Atom 等 IDE，推荐使用 VSCode。 而 VSCode 原生不支持 Vue 语法高亮和自动格式化等功能，需要通过插件来支持。 安装插件 点击 首选项 -> 扩展，安装以下插件： Vetur – vue 必备插件，用于语法高亮和代码提示 Auto Close Tag – 自动完成标签，如输入 时，自动添加...
vue3 解决代码vscdoe代码高亮的问题
qq_48474084的博客
03-28 643
今天启动了一个vue3的项目，但是打开vscode编辑器，发现里面的代码全是灰白色，整段整段的，看的很不清楚，如何解决代码高亮显示呢?在左侧点击扩展——在条形筐输入“Vetur”——下载该插件，即可。以下是下载安装完后的代码块，是不是舒服多了。
vscode编辑器中vue文件高亮显示
泗水六年的博客
04-03 905
vscode编辑器中vue文件高亮显示
VsCode的vue文件不高亮显示
张晨光老师的播客
06-05 1834
在VsCode环境下，vue文件不高亮显示，是黑色的，经过添加插件vetur,但是界面依旧。最后，需要经过如下配置即可。
VScode编写Vue代码，语法不会高亮解决方案
family20102010的博客
03-09 733
选择 “Text Editor” 中的 “Font” ，再选择 “Font Ligatures” 下面的 “Edit in settings.json”在VScode左下角找到齿轮图标，点击后选择“Setting”，
vs code打开 vue文件没有高亮解决办法
weixin_54378176的博客
07-07 1292
vs code左下角点那个manage（齿轮图标）就可以看到”settings”-“workspace”-“Text Editor”-“Files” 右边看”associations”-点“add items”。key输“*.vue” Value输“html” 点OK就解决了。
vscode Vue文件代码显示不高亮问题
风烟
12-31 2752
这些地方显示的都不对，经过搜索发现，打开vscode的设置json进行编辑。加入这一行就可以解决这个问题。保存之后高亮就正常了。我用vscode打开vue文件高亮显示不对。
vscode 开发Vue项目的方法步骤
12-09
通过以上步骤，你已经成功地在VSCode中配置了一个适合Vue开发的环境，包括了代码高亮、格式化、规范检查以及断点调试。现在，你可以开始愉快地开发Vue项目了。在遇到问题时，利用调试功能能够高效地定位并解决问题，...
利用vscode编写vue的简单配置详解
08-30
3. Vue相关插件：VSCode关于Vue插件现在只有vscode-vue一个，但是安装完成代码提示并没有生效，需要在setting.json中设置language mode为Vue。 4. 代码补全与代码片段：编写Vue项目主要需要代码补全与代码片段，...
vscode下载插件让vue代码高亮
快乐学习
02-23 4672
在vscode里面编写vue代码的时候，发现代码是灰色的，看着不舒服。可以下载这个插件，下载完成后。再点开vue的代码查看，已经成功变得高亮了。插件就可以使这些代码高亮起来了。这是一个让vue代码高亮的插件。vscode里面搜索下载这个。
vue代码没有颜色（高亮），安装vetur插件（vscode）
graphyer的博客
04-03 367
vscode里突然.vue文件代码没有高亮
妹纸也可以
09-07 5326
以为是按错键，原来是vue插件被我禁用了。 误区：以为安装了Prettier-Standard - JavaScript formatter就不用启用vue插件了。 vue2用Vetur，vue3用Volar。两个插件都启用后编辑器就可以识别到.vue文件了。代码不高亮也就解决了。 ...
VScode vue文件没有样式高亮
weixin_42136237的博客
04-25 574
下载
VSCode 命令行使用 git commit 无法输入中文
最新发布
weixin_52648900的博客
07-25 459
非常详细的方法解决 git commit 无法输入中文的问题哦
VSCode切换默认终端
changyana的博客
07-23 595
我的VSCode默认终端为PowerShell，每次新建都会自动打开PowerShell。但是我想让每次都变为cmd，也就是Command Prompt。
vscode中vue文件代码语法高亮显示
05-24
在 VS Code 中，Vue 文件的语法高亮显示需要安装相应的插件。以下是安装步骤： 1. 打开 VS Code，点击左侧的 Extensions 按钮。 2. 在搜索框中输入 “Vue”，会出现许多与 Vue 相关的插件，找到一个名为 “Vetur” 的插件，点击安装。 3. 安装完成后，重新打开 Vue 文件，就可以看到代码的语法高亮显示了。 如果仍然没有语法高亮显示，可以尝试在 VS Code 的设置中将文件关联方式设置为 “vue”，具体操作如下： 1. 点击左下角的齿轮图标，打开 VS Code 的设置。 2. 在搜索框中输入 “files.associations”。 3. 找到 “files.associations” 选项，点击 “Edit in settings.json”。 4. 在打开的 settings.json 文件中，添加以下代码： ``` "files.associations": { "*.vue": "vue" } ``` 5. 保存文件后，重新打开 Vue 文件，就可以看到语法高亮显示了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值