vscode语言模式

1.背景

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

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

选择语言模式

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

2.使用

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

2.1 第一种选择指定语言

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

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

只会包含typescript的检测语言

2.2 自动适配语言

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

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

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

提示效果

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

笔记

相关推荐
生活最重要(ง •̀_•́)ง3 小时前
[ESP32:Vscode+PlatformIO]新建工程 常用配置与设置
vscode·esp32·arduino·platformio
宁静致远20213 小时前
Ubuntu下的Doxygen+VScode实现C/C++接口文档自动生成
c++·vscode·ubuntu
泪不是Web妳而流8 小时前
【HTML入门】Sublime Text 4与 Phpstorm
网络·经验分享·编辑器·html·学习方法·sublime text·phpstorm
struggle20258 小时前
helm-dashboard为Helm设计的缺失用户界面 - 可视化您的发布,它提供了一种基于UI的方式来查看已安装的Helm图表
开发语言·ui·计算机视觉·编辑器·知识图谱
涛ing13 小时前
32. C 语言 安全函数( _s 尾缀)
linux·c语言·c++·vscode·算法·安全·vim
还是鼠鼠15 小时前
图书管理系统 Axios 源码__新增图书
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
maply17 小时前
VSCode 中的 Git Graph扩展使用详解
ide·git·vscode·编辑器·扩展
还是鼠鼠18 小时前
图书管理系统 Axios 源码 __删除图书功能
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
花花鱼18 小时前
vscode script 中间的function import等关键字 先高亮,然后又灰了,并且按ctrl+/ 注释以html的形式,导致报错处理
ide·vscode·编辑器
恋猫de小郭19 小时前
Android Studio 正式版 10 周年回顾,承载 Androider 的峥嵘十年
android·ide·android studio