vscode安装vetur且配置files.associations之后js文件无高亮

vscode Cmake 多目录,多文件夹,多文件联合编译配置 说明:单文件夹下的多个cpp的联合编译网上很多都是使用code runner 插件中的settings.json,修改g++ 后的参数为:*.cpp。其实该插件只是为了方便不同代码的执行,一般而言我们主要都是使用一种语言如c++、或者Python,该插件在命令层面应该是和tasks.json文件中的 -g,-o 命令重复的,主要作用起到了一个命令覆盖的作用。tssks.json文件:修改 -g 后的参数命令,将所有要编译的cpp文件包含进去;二、多文件夹,多目录、多cpp文件的联合编译。 阅读详情

        虽然上班在公司用vscode已经一年多了,但前段时间,我才开始在我自己的笔记本上改用vscode,可是vscode安装vetur之后,发现打开js文件一直没有高亮,这个问题,之前算是解决一半,今天终于彻底解决了。

解决思路如下:

1、前几个月在网上找了一圈,基本上都是说安装vetur之后需要配置一下files.associations, 可是根据网上那些文章,配置一遍之后发现打开HTML文件终于有了高亮,但是最近的学习内容,文件夹打开来之后只有js文件,没有高亮,打开之后就是一片白的文件,看着真是让人抓狂:

             
2、配置改了无果之后,感觉没辙,问了下其他同行,安装vetur高亮没有问题,于是想到卸载编器然后重新安装。可是卸载两遍再重新安装之后文件打开来还是和以前一样, 继续抓狂~~

3、然后我在打开配置的过程当中发现这个最新安装的编辑器居然还是有卸载之前的文件打开记录。这样的话,既然打开的历史记录还在,那么vetur这样的扩展插件应该是有缓存在本地,所以想到了是不是彻底删除本地缓存。

4、于是我找到下面两个文件夹的地址然后将对应的文件进行了删除,这下在打开我的文件夹,高亮终于出现了:

这个是装vscode拓展插件的文件夹, 删除

 

这个是装有历史记录的文件夹,删除

 

两个文件都删除之后,终于出现了我需要的高亮:

问题解决✿✿ヽ(°▽°)ノ✿

 

VSCode代码高亮原理与深度配置指南 代码高亮作为现代IDE的核心功能,通过词法分析和语法规则将原始代码转换为可视化元素。其技术实现主要依赖TextMate语法系统和语义化token处理,能显著提升代码可读性与开发效率。在工程实践中,开发者可以通过VSCode的tokenColorCustomizations配置实现精准的语法着色,特别在处理React PropTypes、Vue单文件组件等复杂场景时尤为实用。本文以VSCode为例,详解如何通过修改tmLanguage规则实现自定义高亮,并分享语义高亮、混合语法处理等进阶技巧,帮助开发者解决多 阅读详情

相关推荐

Obsidian免费同步全攻略:手把手教你用OneDrive+Remotely Save插件跨设备同步笔记

本文提供了一份详细的Obsidian免费同步方案指南,核心是利用OneDrive云存储与Remotely Save插件实现跨设备笔记同步。文章手把手教学,涵盖插件安装、OneDrive授权配置、桌面端与移动端的同步设置,并解答了常见问题,帮助用户在不依赖官方付费服务的情况下,构建稳定、自主的免费同步工作流。

bash7scripter的博客 849

vscode 前端最佳插件配置

Vscode最佳配置

ifredom 17万+

磁盘I/O %util特别高

磁盘I/O %util特别高

eagle89的专栏 3091

Visual Studio和VS Code自定义文件扩展名映射

Visual Studio Code自定义文件扩展名映射 自定义文件扩展名映射可以让Visual Studio Code将一种扩展名识别为另一种扩展名,以便增加对原扩展名文件的语法高亮和智能提示支持。 进入Visual Studio Code的设置面板,搜索 associations ,找到搜索结果中的 Files:Associations 项目,选择 在 settings.json 中编辑 。 ...

Arvin的博客 1万+

避坑指南:华为2288H-V5服务器安装系统时常见的RAID与驱动问题解决方案

本文针对华为2288H-V5服务器在安装系统时常见的RAID与驱动问题,提供了详细的避坑指南。文章深度解析了从BIOS版本兼容性核查、RAID配置实战到驱动加载与集成的全流程,重点解决了安装过程中因RAID控制器驱动缺失或兼容性问题导致的硬盘无法识别等典型故障,帮助用户高效完成系统部署。

weixin_29240711的博客 980

在实战中学AI-车流量统计项目-YOLOV11车辆检测-YOLOV11模型的部署

考虑实际落地中部署推理资源消耗,速度与模型精度之间的均衡,同时,车辆属于比较通用场景的目标检测,我们将YOLOV11作为最终的模型选择,目前官方开源的模型基于coco数据集训练,里面已经包含了车辆相关类别,经测试,在监控视角下效果基本可用,所以,在落地过程中,我们先用这个模型来打通部署链路,后面再逐步优化模型性能。在Nvidia的硬件下做部署,部署框架优先选择官方框架TensorRT,下面重点讲述如何用TensorRT部署YOLOV11模型。

Aleo_优快云的博客 2167

vscode 特殊后缀文件与语法高亮关联——files.associations

vscode 在打开特殊后缀文件时,通常会以纯文本的形式进行打开,每次打开都要在右下角进行选择,费时费力很不方便。为了改变这一情况,找到以下方法进行设置。

u011968777的博客 345

S.BUS协议及编解码,C语言源码

1、简介 SBUS本质是一种串口通信协议,采用100K的波特率,8位数据位,两位停止位,偶效验,即8E2的串口通信。 值得注意的有三点: 1.SBUS采用负逻辑,所以无论接收还是发送都要进行硬件取反(注意,一定要硬件取反),电路如下 这是我在网上看资料时看到的电路,实际上我用的是下面这个电路 2.SBUS有两种模式, a.高速模式:每4ms发送一次 b...

qq_31232793的博客 1万+

vscode相关配置总结

参考:https://code.visualstudio.com/docs/languages/identifiers。在默认情况下,vscode给它赋予的Language Identifiers,这个时候使用注释,注释符号是。这可以解决注释符号错乱问题。文件的注释符号,所以在。,让vscode认为。

weixin_42594431的博客 535

从波士顿动力SpotMini拆解看四足机器人机械设计:关节布局与电机选型的5个关键决策点

本文深入解析波士顿动力SpotMini四足机器人的机械设计,聚焦关节布局与电机选型的5个关键决策点。通过拆解髋关节偏移距、膝关节传动链、电机热管理等核心设计,揭示商业级四足机器人的工程智慧,为工业巡检、物流机器人等应用提供实用参考。

postgres8guard的博客 896

《派出你的AI同事:WorkBuddy案例实战》062:投研资讯摘要与预警

投研资讯摘要与预警:新闻、公告、行情交给 AI 同事提炼与预警,投研从“刷资讯”变成“读摘要”。

LuckyHanMo的博客 182

VSCode 之 settings.json 配置文件

这篇文章详细介绍了如何配置VSCode的settings.json文件以实现代码自动格式化,特别针对Vue3项目进行了优化调整。文章首先展示了一个适用于Vue2项目的初始配置模板,包含了编辑器基础设置、ESLint和Prettier集成、保存自动格式化等常用功能。随后重点分析了该配置在Vue3项目中可能存在的问题,包括Vetur插件不兼容、过时配置项、路径硬编码等问题,并提供了针对性的修改建议。文章最后给出了一个精简优化的Vue3专用配置方案,移除了所有无效配置。

Mr.小灰狼_随笔 4万+

华为OD机考双机位C卷 - 完美走位 (Java & Python& JS & C/C++ & GO )

华为OD机考双机位C卷 - 完美走位(OD上机考试双机位C卷)。提供Java、C++、Python、Go、JavaScript源码实现,并提供完整思路讲解,以及在线OJ模拟做题。

算法大师! 1125

【必备】用VSCode开发Vue程序必备插件之一Vue Language Features (Volar)或Vue (Official)

会将同一个节点里面的不同属性换行排列对齐,这样看起来更加清晰,尤其是一个节点绑定十几个属性、事件的时候,这样的排列方式更有效、快捷进行修改、删除。Vue Language Features 是为 Vue、Vitepress 和 petite-vue 构建的语言支持扩展。在 tsconfig.json 文件中,您需要确保 TypeScript 包含您的自定义扩展。最后,您需要让 VS Code 识别您的新扩展并自动将其与 Vue 语言格式关联。扩展支持 Vue,因此您可以根据需要自行安装这些扩展。

我驾驶汽车从不是为了从A点到达B点,我喜欢去感受汽车,与之交流,与之融为一体。 8364

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

VSCode快捷键失效深度排查:从Ctrl+/失灵到系统化解决方案

在软件开发中,集成开发环境的快捷键是提升编码效率的核心工具,其背后是编辑器对键盘事件的监听、命令映射与执行机制。当快捷键失效时,往往涉及按键冲突、配置覆盖或插件干扰等多层原因。理解其原理有助于快速定位问题,例如检查系统全局热键、编辑器内部键位绑定及语言模式识别。从技术价值看,掌握快捷键调试能力不仅能解决即时困扰,更能深化对编辑器扩展架构与配置优先级(如用户、工作区设置)的理解。在实际应用场景中,尤其是在使用VSCode这类高度可定制的编辑器时,开发者常因安装新插件、修改键盘映射或文件关联设置而导致类似Ctr

weixin_34037173的博客 386

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

VS Code(Visual Studio Code)编辑器的常用设置

1、代码自动补全 这里说的代码补全主要是指HTML代码补全,用过sublime或者WebStorm的同学都知道通过Tab键或Enter键能自动补全代码,但是第一次接触VS Code会发现并不能。其实并不是VS Code不支持,而是需要我们按需设置。设置步骤如下: 第1步:在VS Code编辑器中找到设置文件。File(文件) >preferences(首选项) > setting...

xjun0812的博客 6376

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

配置vscode编译环境

下载minGW 略 安装VSCODE中C/C++拓展(extension) 略 配置json文件 前两步直接略过了,比较简单,直接上网搜。配置json不是每一个人的帖子都管用,综合各方,终于配置了一个自己能用的。放在.vscode文件夹中,只要将包含以下三个json文件放置到创建源文件的目录下,即可调试(自己改下编译器路径): launch.json { // Use IntelliSense to learn about possible attributes. // Hover to

Christiansh的博客 708

【vscode】c++程序的自动编译及调试(环境centos)

VS Code的配置文件一般是指特定目录下的JSON文件。所谓JSON是一种文本格式,用于轻量化地存储一组{键: 值}信息,诸如编译器的路径、调试器的路径和有关选项等。我们这里所做的调试配置放在当前工作文件夹下的.vscode子目录中,具有最高优先级,出错了想从头来直接删除里面的配置文件即可。这里特别注意:#添加-g 参数以支持带有gdb调试信息,否则无法下断点。编译用,调试程序将在编译好的debug程序上进行调试。调试配置文件,用于指定调试用的环境等信息。选择上图蓝色选项,执行编译并调试。

种一棵树最好的时间是十年前,其次是现在 1431

vscode配置文件(Vue项目)

{ "workbench.editor.showTabs": true, "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript" }, "emmet.includeLanguages": { ...

吴小花的博客 1100

VS Code配置 | Matlab

VS code的Matlab环境配置Step 1:安装MatlabStep 2:安装VS code插件Step 3:插件配置 Step 1:安装Matlab Step 2:安装VS code插件 VS Code插件安装方法 点击左侧插件选项卡(Extensions),或者按Ctrl+Shift+X 输入你想要的插件 点击插件,安装(Install) 配置所需的插件 Matlab Code Runner matlab-formatter Step 3:插件配置 方式一:插

s_Jdin的博客 1339

VS Code 不识别 .tpl 后缀文件?一招轻松解决

当 VS Code 无法识别 .tpl 模板文件时,可通过简单配置解决:在设置中搜索 files.associations,添加 *.tpl 与 html 的关联关系,使编辑器将其视作 HTML 文件处理,立即获得语法高亮、标签补全等功能。若文件包含其他语言(如 PHP/Vue),可相应调整关联值。这一方法适用于各类模板引擎开发的 .tpl 文件,能显著提升开发效率。

老杨聊技术 2429

VSCode c++环境配置 win10中成功配置

在使用VSCode进行编写c++代码时,在配置上遇到了很多问题,最终解决,在这里纪录一下! 1、安装c++环境 安装MinGW32,配置环境变量 可参考这篇文章 本来想上传MinGW,发现zip我已经删除了… 2、配置VSCode 文件 配置四个.json文件 先创建一个你打算存放代码的文件夹(称作工作区),路径不能含有中文和空格和引号。c语言和c++需要建立不同的工作区(除非你懂得下面json文...

子沐的博客 1056

VScode编辑器—Vue注释失败(ctrl+l)

不知道什么为什么突然注释失败,注释会添加双斜杠//,如下图所示。

weixin_45524929的博客 2846

VsCode-通用设置常用配置

首选项,设置,在常用设置栏, 置底部,进入setting.json, 进行编辑 { "workbench.colorTheme": "One Monokai", "editor.fontSize": 14, "workbench.editor.enablePreview": true, //预览模式关闭 "editor.formatOnSave": true, // #每次保存的时候自动格式化 // 自动修复 "editor.codeActions

weixin_44025495的博客 789

vscode 配置c++环境——3个文件搞定!!!

在vscode中安装了c++扩展。

jialiyk的博客 548

在vscode中安装插件Vetur,给vue编程自动提示

在vscode中安装插件Vetur,给vue编程自动提示

听海边涛声 1700
上一篇: 初识yarn
下一篇: Mocha + Karma框架测试用例接入travis CI,chrome无法启动的三种解决方式
cjFrontEnd
博客等级 码龄9年 8粉丝 25原创
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值