问题标签 [vetur]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4044 浏览

typescript - 在 Vue 3 和 Typescript 中使用 globalProperties

我在 main.ts 中添加了一个全局属性,并试图在组件中访问它。但是我收到了错误:

我认为我需要增加类型,typescript 现在认为 $const 是任何类型,但是我不知道如何在 Vue 3 中执行此操作,并且文档中也没有提及。

main.ts

零件

任何帮助,将不胜感激。

0 投票
1 回答
1638 浏览

html - 使用 Vetur 更好地格式化 HTML 标签?

我注意到prettierVetur 现在使用它来格式化 Vue 文件的 HTML 部分。我并不总是理解它的格式:

如果我只添加一个class元素,它会:

但是,由于我的编辑器的宽度超过 100 个字符,因此将其格式化为:

我查看了 Prettier 的选项,但没有找到任何与这件事相关的配置设置。

如何告诉我的 vscode 格式化程序根据需要格式化 HTML 标签?

在我的.prettierrc.json我有:

0 投票
0 回答
362 浏览

vue.js - 自己的 vue 组件的 Prop Suggestions/IntelliSense

我正在清理我的 vue.js 代码,并且即将创建一些我自己的特定组件。我使用 vetur 作为 VS Code 的扩展。我读到可以为我的组件标签和属性提供自动编译和描述。

Vetur Docs说我必须创建 tags.json 和 attributes.json 文件并将它们添加到我的 package.json 中。重新启动 VS Code 后,它应该可以工作了。但事实并非如此。有没有人设法做到这一点并看到我在哪里犯了错误?提前致谢!!

这是我的 tags.json 的内容

这是我的 attributes.json 的内容

这是我的 package.json 中的 vetur 键

0 投票
2 回答
949 浏览

typescript - Vetur 说,在模板上使用道具时,“从不”类型中不存在道具

我在 VSCode 上使用带有 vue 组合 API 和 typescript 的 Quasar 框架。

尝试在模板中使用道具时,Vetur 给了我模板中的错误Property 'open' does not exist on type 'never'

来源

任何帮助表示赞赏

0 投票
1 回答
789 浏览

javascript - vscode+vetur:从 .js 文件转到定义不起作用

我已经安装了 Vetur 并jsconfig.js在我的项目的根目录中有一个文件。这是一个 javascript vue-cli 3 项目。

确实可以从 .vue 文件到另一个 .vue 文件进行定义。

确实可以从 .js 文件到另一个 .js 文件进行定义。

确实可以从 .vue 文件到 .js 文件进行定义。

但,

无法从 .js 文件转到 .vue 文件的定义。当我尝试这样做时,vscode 会打开“转到参考”小部件。

我的内容jsconfig.file

我知道GitHub 上有很多与此相关的问题,但所有这些问题似乎都与 typescript 项目有关或仅涉及.vue文件。我找不到任何解决这个特定问题的方法。

我尝试安装“vue peek”扩展,但没有任何改变。

0 投票
0 回答
1110 浏览

typescript - Vue 3 默认项目 vetur 找不到模块

当我使用 vue 安装 Vue 3 Typescript 项目时,create hello-world我在 Home.vue 中收到以下错误

在线的

编辑:我注意到它正在发生,因为我正在与其他 3 个文件夹一起工作的工作区。如果我单独打开文件夹,我不会收到任何错误。

0 投票
1 回答
756 浏览

vue.js - 用户代码片段无法在 VScode 中使用 Vetur pacakge

大家好,我正在使用 VScode 并[![Vetur][1]][1]用于 Vuejs 语法突出显示和自动完成支持。我正在尝试让一些用户片段与 Vetur 一起使用,所以我尝试将它们添加到 vue.json 文件中,但没有成功。

我还有一些自定义/用户 Vue 片段,它们适用于 .HTML、.JS 文件,但是当涉及 .vue 文件时它不起作用?

请问有人可以帮我吗?

0 投票
1 回答
386 浏览

vue.js - 如何在 VSCode vetur Vue 项目中禁用“vue/custom-event-name-casing”错误?

我想摆脱我的 VSCode vetur 项目中的“vue/custom-event-name-casing”警告和错误。

.eslintrc.json我已经在项目根目录上创建了一个文件,内容如下:

并设置以下配置config.json

但我仍然收到如下错误:

我怎样才能取消这个?

0 投票
1 回答
261 浏览

vue.js - Vetur 模板插值:如何通过 JsDoc 为模板设置全局虚拟方法?没有打字稿

我在 Nuxt 注册了 i18n。但我可以毫无错误地使用它。插值没有看到 $t 方法。我该如何解决?

对于模板中的类型,我只使用 JsDoc

在此处输入图像描述

编译确实有效,但我不想看到错误

错误:类型 'CombinedVueInstance<{ opensSubMenuId: any; 上不存在属性 '$t' } & { openSub(id: any): void; 关闭子():无效;} & { 导航:NavItem[]; 值:布尔值;} & Vue, 对象, 对象, 对象, Record<never, any>>'

在此处输入图像描述

Nuxt 配置

0 投票
0 回答
139 浏览

html - 格式化时保持多行属性