vscode语言模式

1.背景

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

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

选择语言模式

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

2.使用

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

2.1 第一种选择指定语言

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

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

只会包含typescript的检测语言

2.2 自动适配语言

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

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

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

提示效果

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

笔记

相关推荐
Eiceblue2 小时前
Python 插入、替换、提取、或删除Excel中的图片
开发语言·vscode·python·pycharm·excel
神奇夜光杯2 小时前
Python酷库之旅-第三方库Pandas(003)
开发语言·ide·python·pandas·基础知识·学习和成长·标准库及第三方库
Leon哉2 小时前
PyCharm中如何将某个文件设置为默认运行文件
ide·python·pycharm
**K5 小时前
how to use Xcode
ide·macos·xcode
changuncle6 小时前
VSCode使用ipynb文件高效地进行功能测试
vscode·功能测试·jupyter·ipynb·方便
syluxhch6 小时前
Pycharm的终端(Terminal)中切换到当前项目所在的虚拟环境
ide·python·pycharm
归&念7 小时前
ONLYOFFICE8.1版本桌面编辑器的测评(您的私人办公室)
编辑器
专注成就自我7 小时前
p标签文本段落中因编辑器换行引起的空格问题完美解决方案
前端·javascript·vue.js·编辑器·html
EEer!9 小时前
vscode(七):设置不同括号有不同颜色
ide·vscode·编辑器
花生君12 小时前
如何在Android Studio中查看APP客户端日志
android·ide·android studio