vscode语言模式

1.背景

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

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

 选择语言模式

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

2.使用

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

2.1 第一种选择指定语言

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

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

只会包含typescript的检测语言 

2.2 自动适配语言

选择‘.vue’的配置文件关联

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

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

提示效果 

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

笔记

 

  • 7
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值