Vue3语法插件Volar在vsCode中搜不到,Volar正式更名为Vue-Official

这篇具有很好参考价值的文章主要介绍了Vue3语法插件Volar在vsCode中搜不到,Volar正式更名为Vue-Official。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题描述

今天拿Vue3的cli练手,之前用的语法插件是Vue2的Vetur,对于Vue3来说该插件不能完美匹配了,所以就想切换回Volar,结果万万没想到,找不着了???!!!


原因分析:

这是因为Volar正式更名为Vue-Official了

vue-official插件,vscode,vue.js


解决方案:

如果之前装过Volar插件的,其实不用担心,因为更名后的Vue-Official,它会自动给你将之前的覆盖掉,简而言之,壳子还是之前的壳子,更名后Vue-Official比之前的Volar升级了不少东西,例如某些新语法特性,之前的插件会报错,而更新后的插件不会了。
另外也它还支持通过鼠标拖拽来导入组件,自动将import的代码补充完整:
操作步骤:按住鼠标左键,把组件拖拽到想要引入的地方,VSCode 会提示按住 shift 放入编辑器中,我们按 shift ,鼠标移动到我们想到放置组件的位后,并放开鼠标左键,即可自动导入组件。

需要注意的是,安装这个插件时,当前工作区如果是V3的项目,还是要禁用Vetur以避免冲突。同理,要是工作区V2的,最好也禁用Vue-Official。
或者也可以使用禁用(工作区),例如你大部分项目都是V3的,只有一两个是V2的,那就只需要给V2的那一个项目上,给Vue-Official插件设置禁用(工作区 )就行了
文章来源地址https://www.toymoban.com/news/detail-844496.html

到了这里,关于Vue3语法插件Volar在vsCode中搜不到,Volar正式更名为Vue-Official的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【必备】用VSCode开发Vue程序必备插件之一Vue Language Features (Volar)

    通过安装该插件 才能通过赚到编辑器中的符号 Vue Language Features 是为 Vue、Vitepress 和 petite-vue 构建的语言支持扩展。这是基于@vue/reactivity按需计算一切,实现原生 TypeScript 语言服务级别性能。 [温馨提示] 创建 vue 维特斯 娇小的 vue3-eslint-stylelint-demo(Volar + ESLint + stylelint + husk

    2024年02月05日
    浏览(44)
  • vue3模板-vscode设置(语法糖)

    选择菜单里的 文件 首选项 用户代码片段 vscode模板 结果 useCurrentInstance.ts

    2024年02月07日
    浏览(47)
  • vscode vue2 + volar 全局代码提示

    这几天更新vscode vetur的后  项目一直转loading加载不出来了,索性就直接换volar了。 一、基础配置 但是volar的配置在vue3和vue2里是不太一样的   需要一些额外的配置。记录一下踩坑。 首先vscode安装扩展 Vue Language Features (Volar) 、 TypeScript Vue Plugin (Volar)  并且卸载或者禁用掉原

    2024年02月16日
    浏览(43)
  • 分享 Vue3 开发必备的 VSCode 插件

    分享 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用 1. Volar  🔥 下载数 153 万+ 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。 而随着 Vu

    2024年02月13日
    浏览(43)
  • VSCode开发 Vue3 建议必备的插件

    在使用 Visual Studio Code (VSCode) 开发 Vue 3 项目时,有一些插件可以提高开发效率、代码质量和工作流程。以下是一些常用的插件,它们可以被视为 Vue 3 开发的必备插件:  提供 Vue 文件的语法高亮。 支持 Vue 文件的智能感知和自动完成。 提供了 Vue 文件的格式化工具。 Vetur 插件

    2024年02月04日
    浏览(46)
  • VsCode中高效书写Vue3代码的插件

    就是原先的Volar,现已弃用。 Vue-Official 提供的功能: 语法高亮: Vue-Official 扩展可以为 Vue 单文件组件(.vue 文件)中的 HTML、CSS 和 JavaScript 部分提供语法高亮,使代码更易于阅读和编写。 代码片段: Vue-Official 扩展提供了丰富的 Vue.js 相关的代码片段,可以更快地编写 Vue 单文

    2024年04月28日
    浏览(40)
  • VScode快速生成Vue3组件模板(代码片段&插件)

    方法一:配置用户代码片段 好处:可以完全按照个人习惯设置。 1、打开设置里的用户代码片段 2、找到vue.json 3、配置如下: 4、使用:输入vue回车生成 方法二:使用Vue VSCode Snippets插件 好处:安装即用,生成默认模板。 1、下载Vue VSCode Snippets插件并启用 2、使用:输入vue回车

    2024年02月14日
    浏览(42)
  • 分享六个 Vue3 开发必备的 VSCode 插件

    今天分享 6 个 Vue3 开发必备的 VSCode 插件,可以直接用过 VSCode 的插件中心直接安装使用。 1. Volar 🔥 下载数 153 万+ 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生,作为 Vue2 配套的 VSCode 插件,它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。

    2024年02月05日
    浏览(44)
  • Vue3 + Vite + Ts 开发必备的 VSCode 插件

    Vetur:Vue 语法高亮和语法检查插件。 Vue Peek:快速定位 Vue 组件和模板。 Vue 3 Snippets:快速生成 Vue3 相关代码的代码片段。 Vue VSCode Extension Pack:包含了一系列优秀的 Vue 相关插件,如 Vetur、Vue Peek、ESLint 等。 Vite:Vue 官方提供的快速开发工具,可以快速构建和启动项目,同时

    2024年02月05日
    浏览(73)
  • vscode vue3开发常用插件(附Prettier格式化配置)

    1、Chinese (Simplified) (简体中文) Language 2、Prettier - Code formatter 3、Vue 3 Snippets 4、Vue Language Features (Volar) 5、git graph 5、Auto Close Tag 6、Vue Theme 按ctrl+shift+p,搜索setting进入用户设置(全局),添加下面规则: 需要注意的是,prtttier格式化可以配置在很多文件上,配置字段也不太一样

    2024年02月14日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包