vscode语言模式

1.背景

写vue3+ts项目的时候,用到了volar插件,在单文件使用的时候,鼠标悬浮在代码上面会有智能提示;

但是最近volar 插件提示被弃用了,然后我按照它的官方提示,安装了Vue-official 扩展插件,但是页面上仍然没有效果。然后在网上查资料看到了Vscode status 状态栏里有一项:选择语言模式

选择语言模式

在Vscode编辑器的右下角,可以选择当前文件需要用哪个语言应用。

2.使用

有两种方式(目前发现的):

2.1 第一种选择指定语言

每次打开文件之后,都手动选择一个语言去应用当前文件

例如我选择typescript语言,当前的文件就会以该语言去高亮适配ts内容

只会包含typescript的检测语言

2.2 自动适配语言

选择'.vue'的配置文件关联

再去选择.vue相关联的语言,比如vue,关闭Vscode或者关闭当前文件之后,右下角才会看到生效

Vue相关联的插件就会自动匹配

提示效果

这样每次打开文件的时候,就会自动匹配关联的语言,不需要每次都去选择。

笔记

相关推荐
独隅12 小时前
Visual Studio 2026 详细安装教程和配置指南
ide·visual studio
He少年14 小时前
【AI 辅助案例分享】
人工智能·c#·编辑器·ai编程
Robot_Nav15 小时前
AI 编程助手 Skill 完全指南:VS Code · Trae CN · Claude Code
人工智能·vscode·skill·trae·claude code
vortex517 小时前
Kali Linux 安装与使用 Code-OSS / VSCodium :VSCode 轻量替代
linux·运维·编辑器
lifewange17 小时前
Pycharm和IDEA中安装Cursor的方法
ide·pycharm·intellij-idea
生而为虫19 小时前
在VScode中使用Claude Code agent并配置模型(仅mac电脑实际操作,windows电脑未实际操作如有问题可留言)
windows·vscode·macos
skilllite作者20 小时前
Zed 1.0 编辑器深度评测与实战指南
开发语言·人工智能·windows·python·编辑器·agi
读书札记20222 天前
visual studio 调试技巧总结
ide·visual studio
袋子(PJ)2 天前
2026年常见的配置文件格式——为什么程序员永远在折腾缩进和括号?—— 常见配置文件进化史(md文档很详细)
编辑器
hacker7072 天前
Visual Studio安装教程(C#开发版)
ide·c#·visual studio