问题标签 [vetur]

我正在使用安装了 vetur 扩展的 Vue 和 VS Code。

我已经定义了一个MyClass具有两个公共属性的类。在“脚本”部分中，我能够为该value属性获得适当的智能感知。

但我无法检查智能感知，也无法在模板内输入强制执行。如下图。

我应该只看到enabled和number。

如何配置我的 VS Code 以在模板上强制执行这种类型？

我的 vscode 配备了 vetur 插件。自定义配置如下：

其他为默认配置

vetur 版本号是0.14.4，vscode 版本号是1.30.1.

用vuejs编程的时候大概写了300多行。按下格式化快捷键后，光标不在格式化的地方。它位于</script>标签的前面。这是非常痛苦的。现在你必须每次都记住它。格式化的地方的行数，然后自己跳回去

VS Code 在编辑我的 Vue Typescript 文件时报告了很多问题/红线：

示例错误：

当我在“this”上引用一个属性时，问题似乎出现了，并且所有此类引用在编辑器中都有一条红线，说明上述错误的变体。对于 Vue 的数据对象中定义的属性和方法中定义的函数，问题是相同的。

现在，有两个有趣的方面：

1. 直到今天我对这些文件没有任何问题。昨天，在关闭之前，一切都按预期工作。今天重新启动，我遇到了这个问题。
2. 代码编译并运行。如果我使用 tsc 构建文件，它们会很好地编译 - 并且应用程序会按预期进行部署和工作。

关于我的设置的信息：

• npm view typescript version 给了我 3.2.4 版
• Vue 在 2.5.22
• VS Code 在 1.30.2。

tsconfig.js：

我尝试了以下方法：

• 重新安装 Typescript 和 Vue
• 多次重启 VS Code
• 手动重启 TSServer
• 重新启动计算机

我现在完全被难住了-希望有人可以帮助我...

下面的代码示例（所有这些。引用在我的 VS 代码中有一条红线）：

我想在我的 vue 文件中消除这个错误

我正在尝试添加此处理器线

和

但两者都不是

也不

解除 eslint 警告

[eslint-plugin-vue] [vue/no-use-v-if-with-v-for] 'v-for' 指令中的 'value' 变量应该替换为返回过滤数组的计算属性。您不应将“v-for”与“v-if”混用。我正在使用 VSCode 的vetur扩展。

我在这个示例后面添加了前行，但 eslint 仍然警告下一行。

PS。这个解决方案不是最好的，但由于过渡动画，我需要这样的解决方案。

我做了一些研究，但找不到解决这种情况的快速方法：

• 我的项目没有这里config/index.js提到的。
• 我试图打开 vue.config.js 并禁用 eslint 不起作用。
• 我删除了cli-plugin-eslint包裹。
• 没有.eslintrc.js。
• 在项目中找不到关于 eslint 的任何其他配置。

- - 使固定 - -

我意识到我没有很好地控制我的设置。它建于vetur。

我试图弄清楚为什么我的设置没有在<template>code</template>. 搭建舞台。我一直在使用 Vue cli 3，模板 eslint + 标准，我使用 VS Code，并获得了 Vetur 和 eslint 作为插件。

我想使用@vue/essential配置，但如前所述，它没有在模板中格式化，只有 js。现在切换到@vue/recommended模板中的格式。那里有什么区别？

工作配置

不工作

.eslintrc.js

其他配置

代码

我目前在我的一个 vue 项目中使用 eslint，虽然我现在真的很喜欢 linter，但它让我发疯。我有以下行

linter首先不断变化

然后在输出中告诉我

错误：'='之前或之后不应有换行符

感觉好像有太多的 linter 设置相互冲突（在该错误之前，我还让 linter 在保存时删除了悬空逗号，然后显示它想要悬空逗号的错误，这在 .eslintrc.js 中很容易修复但仍然不应该发生）

目前我的 .eslintrc.js 看起来像这样

知道出了什么问题吗？

更新

经过一番挖掘后，我发现 Vue 的 Vetur 扩展导致的冲突对保存时的文件进行了更改，然后与 eslint 设置发生冲突。因此，解决方案是让 Vetur 也使用根文件夹中的 eslint 配置，或者至少对其进行相同的配置，但我无法找出到目前为止的情况。有任何想法吗？

当我的带有属性的元素变长时，VS Code 似乎将行分成多行：

（我想要三行而不是七行，每个元素一行）

我使用 prettier 进行格式化，并设置了printWidth适用于 javascript 代码的选项，但对于 HTML，它似乎被 VS Code 覆盖。

我试过摆弄wrapAttributes和html.format.wrapLineLength设置，但这些似乎都没有任何效果。

如何处理这件事？

更新：

非常感谢你的回答。他们没有通知我，很抱歉没有采取行动。

我已经尝试了您的所有建议，但问题仍然存在。这是我根据您的建议当前的配置。

设置.json：

.prettierrc.json：

我已经使用 vue-cli 建立了一个 Vue.js 项目，并在 VS Code 和 Vetur 中处理它。ESLint 配置了标准配置文件。我希望“格式化文档”命令生成对 eslint 有效的格式。

我已经能够通过以下方式解决单/双引号和半列的问题.prettierrc.json：

现在我正在尝试解决这个问题，在方法括号之前没有添加空格：

• 定义function ()变成function()
• 方法调用showLoginDialog ()变成showLoginDialog()

我已尝试按照此处所述更改默认格式化程序

• prettierrc是否存在尊重 eslint 标准的默认设置？
• 如果没有，如何解决上述空格问题？

[编辑] 我已经推送了包含 .prettierrc.json 配置的分支：https ://github.com/taconaut/Sppd.TeamTuner/commit/acd93ab9e06e2e77849af7a346609ba6bf5d639c 。唯一不起作用的部分（我知道）是上面提到的函数和括号之间的空格问题？AFAICT 这应该得到照顾，"spaceBeforeFunctionParen": true似乎没有任何效果。

我已经修改了settings.json文件，但它不起作用。

这里是：