vscode语言模式

1.背景

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

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

选择语言模式

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

2.使用

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

2.1 第一种选择指定语言

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

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

只会包含typescript的检测语言

2.2 自动适配语言

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

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

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

提示效果

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

笔记

相关推荐
Morpheon5 小时前
Cursor 1.0 版本 GitHub MCP 全面指南:从安装到工作流增强
ide·github·cursor·mcp
猿小猴子6 小时前
主流 AI IDE 之一的 Cursor 介绍
ide·人工智能·cursor
我命由我1234511 小时前
VSCode - VSCode 放大与缩小代码
前端·ide·windows·vscode·前端框架·编辑器·软件工具
old_power13 小时前
VSCode 工作区配置文件通用模板创建脚本
ide·vscode·编辑器
Lw老王要学习13 小时前
VScode 使用 git 提交数据到指定库的完整指南
windows·git·vscode
vortex515 小时前
在 Kali 上打造渗透测试专用的 VSCode 环境
ide·vscode·编辑器
BreezeDove17 小时前
IDEA安装&迁移IDEA配置数据位置
java·ide·intellij-idea
24K纯学渣17 小时前
Python编码格式化之PEP8编码规范
开发语言·ide·python·pycharm
casual_clover17 小时前
Android Studio 解决首次安装时下载 Gradle 慢问题
android·ide·android studio
科文小白狼19 小时前
Linux下VSCode开发环境配置(LSP)
linux·vscode·里氏替换原则·lsp