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

这篇具有很好参考价值的文章主要介绍了【必备】用VSCode开发Vue程序必备插件之一Vue Language Features (Volar)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

volar插件,Vue.js,vue.js,vscode,前端

通过安装该插件

volar插件,Vue.js,vue.js,vscode,前端

才能通过赚到编辑器中的符号

volar插件,Vue.js,vue.js,vscode,前端


Vue Language Features 是为 Vue、Vitepress 和 petite-vue 构建的语言支持扩展。这是基于@vue/reactivity按需计算一切,实现原生 TypeScript 语言服务级别性能。

[温馨提示]

快速开始

  • 创建 vue
  • 维特斯
  • 娇小的
  • vue3-eslint-stylelint-demo(Volar + ESLint + stylelint + husky)
  • volar-starter(用于错误报告和实验功能测试)

用法

Vue 2 的设置

  1. 添加@vue/runtime-dom

此扩展需要@vue/runtime-dom.

Vue 3 和 Vue 2.7 具有内置的 JSX 类型。对于 Vue 版本 <= 2.6.14,您需要通过 install 添加 JSX 类型@vue/runtime-dom

// package.json
{
  "devDependencies": {
    "@vue/runtime-dom": "latest"
  }
}
  1. 消除Vue.extend

不支持模板类型检查Vue.extend。您可以使用composer-api、vue-class-component或export default { ... }代替export default Vue.extend.

以下是不同编写脚本块方式的兼容性表:文章来源地址https://www.toymoban.com/news/detail-751893.html

组件选项类型检查<script> 插值类型检查<template>

到了这里,关于【必备】用VSCode开发Vue程序必备插件之一Vue Language Features (Volar)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 分享六个 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)
  • Go使用vscode开发,必备的插件及最常用快捷键和代码自动补全

    为进行Markdown文档编写提供很多快捷键和自动补全功能,使vscode可以完全代替Typora。 边写边看到Markdown渲染之后的样子,在 Preview 界面按住鼠标右键可以打开功能栏,选择Open in Browser可以将文件在浏览器打开,还可以选择生成HTML或者PDF等。 在Markdown中快捷插入图片,复制图片

    2024年03月10日
    浏览(98)
  • 【开发必备】推荐几个非常好用的前端VsCode插件,快来看看你都用过哪些?

    VSCode是前端开发的武器,下面给大家推荐几个必备的、非常好用的前端VsCode插件 Better Align就是一款能够实现代码规范的工具,它主要用于代码的上下对齐。它能够用冒号(:)、赋值(=,+,-=,*=,/=)和箭头(=)对齐代码。 它的主要功能是为代码中的括号或者其他符号配

    2024年02月10日
    浏览(48)
  • VsCode 常用好用插件/配置+开发Vue 必装的插件

    1、实时刷新网页的插件:LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari 补充一下:LiveServer 和 open in browser 区别:注意观察浏览器地址栏 open in browser:直接打开HTML文件就是通

    2024年02月08日
    浏览(49)
  • JetBrainsToolbox 软件开发人员必备的工具之一

    这是一个由JetBrains官方推出的一个 集中管理开发工具及项目 的软件,官方推荐我们在使用JetBrains产品时可以先安装 JetBrainsToolbox 它具有占用空间小,操作流畅等优点,而且使用起来非常好用。 进入对应的官网 一路下一步就安装完成了 轻松管理您的 JetBrains 工具 安装 自动更

    2024年02月09日
    浏览(72)
  • 测试开发工程必备技能之一:Mock的使用

    在实际产品开发过程中,某个服务或前端依赖一个服务接口,该接口可能依赖多个底层服务或模块,或第三方接口,比如说服务 A 依赖服务B,服务B又依赖服务 C,如下图所示: 这种依赖的问题会导致原本的需求目的是要验证服务A,但由于所依赖的服务B或者服务C不稳定或者

    2024年02月11日
    浏览(44)
  • 前端vscode必备插件

    1、Auto Rename Tag⭐ 修改标签会同步修改 2、Auto Import - ES6, TS, JSX, TSX 自动查找、解析并为所有可用导入提供代码操作和代码完成。适用于 JavaScript (ES6) 和 TypeScript (TS) 3、Code Runner⭐ 快速运行 调试js 4、CSS Peek 跳转对应 css 5、DotENV 高亮ENV文件 6、Error Lens 显示错误 7、ESLint 8、GitL

    2024年02月03日
    浏览(39)
  • 前端vscode必备插件推荐

    目录 一、前言 二、工具推荐 1.《Chinese (Simplified) (简体中文) Language》 2.《ESLint》 3.《Git History》 4.vscode-icons  5.Path Intellisense 6.《Vetur》 7.《GitLens — Git supercharged》 8.《Image preview》 9.Debugger for Chrome 10.Prettier 11.AnyRule  13.Vue Language Features (Volar) 14.Vite 15.Code Spell Checker 16.Error Lens

    2023年04月09日
    浏览(57)
  • 【VScode】前端必备插件(全)

    Chinese (Simplified) 适用于 VS Code 的中文(简体)语言包 Auto Close Tag 自动闭合HTML/XML标签 Auto Rename Tag 自动重命名配对的HTML/XML标记 ,完成另一侧标签的同步修改 Path Intellisense 自动提示文件路径,支持各种快速引入文件,支持自动补全 Bracket Pair Colorizer 给括号加上不同的颜色,便

    2024年02月09日
    浏览(50)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包