vscode中vue文件，script代码块无高亮问题

最新推荐文章于 2024-06-24 16:11:48 发布

Z~J~Q

最新推荐文章于 2024-06-24 16:11:48 发布

阅读量2.1k

点赞数 3

文章标签： vscode vue.js

本文链接：https://blog.csdn.net/xiaozhangluo/article/details/127904125

版权

所遇到问题如上图所示，html和css都能够正常高亮，ts/js只有部分高亮，后面通过修改settings.json文件、重启、重新下载编译器都没有解决，最后排查问题得出是插件的冲突问题

JavaScript and TypeScript Nightly与Vue Language Features（Volar）不能同时使用，否则就会导致代码高亮问题

将 JavaScript and TypeScript Nightly插件禁用，问题解决

还有一种情况也可能导致上述问题的产生，可通过设置文件语言模式解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Z~J~Q

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

VSCode和VUE的初始安装及简单使用入门

xiaobai_caoyu的博客

06-14

631

（版本1.0） npm run dev 运行工程 PS F:\SDN\VIMS–前端\vue> cnpm install PS F:\SDN\VIMS–前端\vue> cnpm rebuild node-sass PS F:\SDN\VIMS–前端\vue> cnpm run dev 若提示cookie失败，则输入： PS F:\SDN\VIMS–前端\vue> cnpm install vue-cookies PS F:\SDN\VIMS–前端\vue> cnpm r

关于quill.js富文本编辑器使用及控制代码高亮显示

freydog的博客

07-04

2124

关于vue-quill-editor的使用

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

vscode插件扩展 js代码高亮显示问题，美化问题，颜色问题

PrimaryColor

11-17

1778

出现问题的主要原因是因为vscode的插件之间冲突了，可以尝试一个插件一个插件的禁用，直到恢复之前的效果。注释没有绿色，函数和变量等等的颜色也特别奇怪。

vscode vue文件 script标签不高亮显示

qq_45600228的博客

07-07

419

vscode vue文件 script标签不高亮显示

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

最新发布

weixin_65644264的博客

06-24

1895

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

vscode script 中的代码没有高亮显示

潇湘子的博客

05-06

8028

最近在开发的时候打开.vue文件的时候，发现script，style标签中的代码都没有了语法高亮显示，只有temlate中的有高亮显示，所以上网查了下，原来是需要一个安装一个 Vue 2 Snippets插件： 1.安装 Vue 2 Snippets 插件 2.在settings.json中加入这个： "files.associations": { "*.vue": "h...

【重要问题记录】vue3代码在vscode中导入的组件名称不高亮

ktianc的博客

06-13

2351

家人们为啥公司电脑的vscode导入组件是高亮的，家里面的vscode导入组件名不高亮，安装的vscode插件都一模一样。切换到了 5.0.4就解决了。最终切换工作区版本解决了。

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

weixin_39531834的博客

11-22

607

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

vsCode引入VUE代码块

06-19

### vsCode引入VUE代码块 #### 知识点概览 1. **VSCode简介与功能** 2. **Vue.js概述** 3. **代码片段（Snippets）及其在VSCode中的应用** 4. **配置VSCode以支持Vue.js代码片段** 5. **自定义Vue代码片段** 6. **...

在vscode 中设置 vue模板内容的方法

10-14

在新文件中输入设置的前缀（如“vue”、“httpget”或“httppost”），然后按回车键，VSCode会插入对应的代码块。通过这种方式，开发者可以定制化他们的开发环境，提高编码速度和一致性，减少出错的可能性。在日常...

vscode中vue语法提示插件

07-27

2. Vue VSCode Snippets：这个插件为Vue开发提供了一系列代码片段，可以快速生成常用的Vue代码块，如组件、指令、生命周期等。 3. Vue Peek：这个插件可以方便地查看Vue组件中各个部分的定义，包括template、script...

chrome vue插件_vscode常用插件

weixin_39646018的博客

11-21

217

插件介绍HTML Snippets > 初级H5代码片段及提示HTML CSS Support > 初级H5代码片段及提示Debugger for Chrome > 让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试jQuery Code Snippets > jquery 重度患者必须品，...

【问题记录】VSCode升级后vue3的ts代码高亮失效

Kuroko's Development Notes

11-17

2120

VSCode 升级到 v1.73.1 之后，原来好好的代码，突然ts语法高亮没了。VSCode插件功能失效。

vscode里突然.vue文件代码没有高亮

一只程序喵

11-17

1万+

如果一开始就没有高亮颜色代码：安装Vetur即可如果一开始代码有高亮颜色，突然没有的情况下 == 这时候就安装有高亮颜色代码的那个时间段的版本即可恢复 ==

vscode Vue文件代码显示不高亮问题

风烟

12-31

2794

这些地方显示的都不对，经过搜索发现，打开vscode的设置json进行编辑。加入这一行就可以解决这个问题。保存之后高亮就正常了。我用vscode打开vue文件高亮显示不对。

vscode中的vue文件不高亮，但是已经安装了vetur插件了，到底为什么？？？

热门推荐

chayao3499的博客

08-29

1万+

我感觉这是我自己的一个低级错误，可是想了想还是准备把它写下来，因为怕跟我一样的菜鸟小白也遇到类似的情况，什么都对就是结果不对，妥妥的会被逼疯。。。美好的一天从打开VS code开始~ 一打开，觉得哪里不对，愣了一秒，哎哟我去~vue文件怎么不高亮了（见下图这样），翻了翻其他的js、css等文件，发现是正常的，于是乎，我就开始跟这个“意外”死磕了。于是我到网上去搜索问题答案： 1）下...

解决vscode 中 css、script、export default 没有高亮问题||代码没有颜色||高亮问题

04-14

3995

转载：解决vscode 中 css、script 没有高亮问题打开vscode编辑器----编辑器右下角有个功能图标根据图上所标识，找到 Code Actions On Save 下边的在 settings.json并打开在里添加以下代码 "files.associations":{ "*.vue":"html" } 添加完成后，高亮出现 ...

vue3 解决代码vscdoe代码高亮的问题

qq_48474084的博客

03-28

861

今天启动了一个vue3的项目，但是打开vscode编辑器，发现里面的代码全是灰白色，整段整段的，看的很不清楚，如何解决代码高亮显示呢?在左侧点击扩展——在条形筐输入“Vetur”——下载该插件，即可。以下是下载安装完后的代码块，是不是舒服多了。

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 文件，就可以看到语法高亮显示了。