当前位置: 首页 > article >正文

全栈笔记_插件篇(用Volar替换Vuter)

Volar与Vuter的区别

  1. TS支持:Volar和Vuter是2个独立的插件,都是为.vue单文件组件提供代码高亮以及语法支持,但是Vuter对ts的支持并不友好。
  2. 唯一根标签:Volar 不限制是否唯一根标签,vuter 则会报错 The template root requires an element rather than texts,需要在设置里取消勾选 Templatevue3 模板可以使用多个根标签,vue2 模板需要唯一根标签。

Volar插件安装

  1. Vue Language Features (Volar):不仅支持 Vue3 语言高亮、语法检测,还支持 ts 和基于 vue-tsc 的类型检查功能,用来替代 vuter
  2. 开启托管模式:禁用 VSCode 的内置 TS 语言服务
    • 在当前项目的工作空间下,用Ctrl + Shift + P唤起命令面板。

    • 输入built,然后选择“Extensions:Show Built-in Extensions”。
      在这里插入图片描述

    • 在插件搜索框内输入TypeScript(不要删除@builtin前缀)。
      在这里插入图片描述

    • 点击“TypeScript and JavaScript Language Features”右下角的小齿轮,然后选择“Disable(Workspace)”。

    • 重新加载工作空间。托管模式将会在打开一个 Vue 或者 TS 文件时自动启用,方便代码调用定位。


http://www.kler.cn/a/232513.html

相关文章:

  • conda创建 、查看、 激活、删除 python 虚拟环境
  • change buffer:到底应该选择普通索引还是唯一索引
  • JavaWeb后端开发知识储备1
  • win11 新建一个批处理,双击查看本机的IP地址
  • Vector 深度复制记录
  • AI大模型开发架构设计(18)——基于大模型构建企业知识库案例实战
  • Redis之基础篇
  • 【算法练习】leetcode算法题合集之其他篇
  • QT基础教程(全系列教程目录)
  • Java学习笔记------API
  • Flink Checkpoint过程
  • 一周学会Django5 Python Web开发-Django5创建项目(用命令方式)
  • Python数据分析 可视化数据Seaborn图表 这篇就够了
  • 【lesson47】进程通信之system V(共享内存)补充知识
  • PgSQL技术内幕 - case when表达式实现机制
  • 【Linux系统学习】3.Linux用户和权限
  • C++2024寒假J312实战班2.6
  • C语言冒泡排序介绍
  • 面试复盘——10
  • C++三剑客之std::any(一) : 使用
  • 【MySQL进阶之路】BufferPool底层设计(下)
  • 【GAMES101】Lecture 19 相机
  • java——学习并推荐java8
  • 猫头虎分享已解决Bug :内存泄漏(Memory Leak)
  • Kubernetes实战(二十七)-HPA实战
  • Web Services 服务 是不是过时了?创建 Web Services 服务实例