vscode中的vue代码高亮

最新推荐文章于 2025-06-12 22:56:28 发布

weixin_34406796

最新推荐文章于 2025-06-12 22:56:28 发布

阅读量668

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发工具 ViewUI

原文链接：http://www.cnblogs.com/ljr210/p/9809986.html

本文介绍如何在VSCode中安装并配置Vetur插件，实现Vue项目的代码格式化与美化。通过设置prettier.tabWidth和vetur.format.defaultFormatter.html参数，结合快捷键Alt+Shift+F，轻松实现代码的规范与美化。

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

1. 商店 -- 安装 Vetur -- 重新加载

2. 设置首行缩进、代码格式化

文件 -- 首选项 -- 设置：

{

"prettier.tabWidth": 2,

"vetur.format.defaultFormatter.html": "prettier"

}

选中代码 -- 快捷键 Alt + Shift + F

转载于:https://www.cnblogs.com/ljr210/p/9809986.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34406796

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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代码颜色插件

10-17

vscode的确是前端开发中很好的工具，安装颜色插件，从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

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

weixin_65644264的博客

06-24

6503

**Vetur**：Vetur 是一个专门为 Vue.js 开发提供支持的插件，它提供了语法高亮、智能提示、Emmet 支持等功能。- **VS Code 设置冲突**：有时其他插件或自定义设置可能与 Vetur 冲突。- 在菜单栏中选择 **文件(File)** > **首选项(Preferences)** > **设置(Settings)**。- 在 Vetur 插件下，如果有更新可用，会显示更新按钮。- **重装插件**：尝试先卸载 Vetur 插件，然后重新安装。- 打开 VS Code。

VSCode中Vue文件代码不高亮的解决指南

最新发布

qq123456xxd的博客

06-12

1017

中的代码无法高亮显示，但其他后缀文件（如CSS、HTML、JavaScript）的语法高亮正常。Vue文件高亮问题通常可通过以上步骤解决。若仍无法修复，可尝试在GitHub的。提交Issue，附上具体错误日志以便开发者定位问题。希望这篇指南能帮助读者高效解决Vue高亮问题！

vscode emmet默认模板_配置VSCode编辑器适配VUE3开发

weixin_39531834的博客

11-22

706

团队协作开发一般都有统一的编码规范，举个例子：A习惯一个tab占位2个空格，B习惯一个tab占位4个空格，如果不统一，提交到仓库的代码将变得难以阅读和维护。幸运的是我们可以通过插件来规范化代码，只要大家配置一样，提交的代码就会属于同一套规范，而且在编写时不用特意自己去规范代码，保存的时候自动格式化一下代码即可，大大提高了开发效率的同时还能保证团队编码规范一致。一个项目一般都有自己的编码规范，有些在...

VS CODE VUE 高亮插件

qq_42789677的博客

05-25

879

vscode编辑器中vue文件高亮显示

泗水六年的博客

04-03

1107

vscode编辑器中vue文件高亮显示

vscode下载插件让vue代码高亮

快乐学习

02-23

5914

在vscode里面编写vue代码的时候，发现代码是灰色的，看着不舒服。可以下载这个插件，下载完成后。再点开vue的代码查看，已经成功变得高亮了。插件就可以使这些代码高亮起来了。这是一个让vue代码高亮的插件。vscode里面搜索下载这个。

VsCode中使vue语法高亮

写代码的渣渣苏

07-12

3844

vsCode中使vue语法高亮

VScode编写Vue代码，语法不会高亮解决方案

family20102010的博客

03-09

1109

选择 “Text Editor” 中的 “Font” ，再选择 “Font Ligatures” 下面的 “Edit in settings.json”在VScode左下角找到齿轮图标，点击后选择“Setting”，

新版vs code + Vue高亮、语法自动补全插件

weixin_38383877的博客

10-19

1510

vs code 版本或及以上。

2021-07-15 VS Code上给.vue文件设置高亮

GAARA

07-14

318

应用上电脑下载插件Vetur,重启vs code

vscodevue文件高亮显示不对问题

风烟

01-08

1223

我就去搜索vscode装了什么vue相关的插件，结果发现我不止装了vetur这个插件，还装了vue的插件，这个vue插件卸载之后就好了。分析原因：vscode的vue文件高亮是根据插件来显示的。箭头指的那块是白色的，因为我修复了，所以这块显示正常了。也就是说vue高亮插件装一个vetur这个插件就够了。不知道为什么我的vscode的高亮显示不对，

vs code 解决设置代码高亮不生效

nonglianwang的博客

11-11

1799

使用vs code 开发vue项目的时候，往往会通过一些插件来帮助我们高效的开发，针对vue代码的格式化和高亮显示有两个比较好的插件，一个是vetur（vue2）,另一个是volar（vue3）。最近由于换了新的主机，然后重新安装了一下vs code，因为开发的是vue3项目，自然而然的安装了一下volar插件，发现安装之后代码并没有高亮显示，重启编辑器依然不生效。查找资料发现在vs code的设置中有个配置可以影响代码的颜色高亮显示。注释之后保存，返回vue项目代码就可以看到代码高亮显示了。

vue代码没有颜色（高亮），安装vetur插件（vscode）

graphyer的博客

04-03

1419

VsCode的vue文件不高亮显示

张晨光老师的播客

06-05

2495

在VsCode环境下，vue文件不高亮显示，是黑色的，经过添加插件vetur,但是界面依旧。最后，需要经过如下配置即可。

vscode vue语法高亮设置

yasinawolaopo的博客

11-28

2037

中文版vscode 打开文件 -> 首选项 -> 设置 -> 输入框搜索eslint.va -> 进入User.setting -> 在总{}中输入: "files.associations": { ".eslintrc":"json", "*.vue":"html" },

vscode中vue代码高亮插件

02-06