vscode语言模式

1.背景

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

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

选择语言模式

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

2.使用

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

2.1 第一种选择指定语言

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

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

只会包含typescript的检测语言

2.2 自动适配语言

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

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

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

提示效果

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

笔记

相关推荐
Hody914 小时前
【XR开发系列】Unity第一印象:编辑器界面功能布局介绍(六大功能区域介绍)
unity·编辑器·xr
陈老师还在写代码6 小时前
android studio 里的 activity 和 layout 是怎么关联上的
android·ide·android studio
Lucky小小吴6 小时前
各大编码编辑器的缓存目录迁移到D盘【未完待续】
缓存·编辑器
CE贝多芬7 小时前
用Microsoft Visual Studio Installer Projects 2022打包程序,同时安装VC++的运行库等
ide·microsoft·visual studio
dowhileprogramming7 小时前
Visual Studio 2026 注册码
ide·windows·visual studio
青鱼入云8 小时前
IDEA源码阅读神器-Diagram工具
java·ide·intellij-idea
言6669 小时前
vscode 设置中文-语言
ide·vscode·编辑器
Lisonseekpan9 小时前
IntelliJ IDEA 快捷键全解析与高效使用指南
java·ide·后端·intellij-idea
专注VB编程开发20年13 小时前
vs2022 IDE扩展无法卸载/VSI 插件卸载及实例清理
ide·visual studio·vs2022·vsix·插件开发
百***122215 小时前
vscode配置django环境并创建django项目(全图文操作)
vscode·django·sqlite