问题标签 [vetur]

我知道我可以在 .vue 文件中使用 Vetur，但我在普通的 .js 文件中使用了很多 vue。而且我不能为他们提供语法高亮。

我在 VS Code 中收到以下错误：

我安装了这两个插件.eslintrc.js

这在规则中：

应该怎么做才能避免这个问题？

我有 2 个文件，第一个 .phtml

那里的代码屏幕：

第二个文件.vue：

使用上面屏幕截图中的红色箭头，我想表明 Vue 文件中有额外的垂直线，它们似乎没有连接任何东西。

.phtml 文件中没有这样的行

我怎样才能删除它们？

我目前正在使用 Typescript 和 Vue 在 VSCode 中开发一个小项目。我的 VSCode 带有以下插件 TSLint、TSLint Vue、Vetur 和 Prettier。

每当我尝试像这样从@Component 部分引用一个类时，我都无法让智能感知“自动导入”部分工作。

尝试自动导入时的错误示例

但是正如您在代码中进一步看到的那样，它可以工作。

智能感知工作正常的示例

是因为人手不足，所以不能引用吗？

完全错误return this.$store.state.counter：

类型“CreateComponentPublicInstance<{}, {}, {}, { counter(): any; 上不存在属性“$store” }, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, {}, {}, ... 7 更多 ..., {}>'.Vetur(2339)

属性“$store”不存在于类型“CreateComponentPublicInstance<{}、{}、{}、{}、{}、ComponentOptionsMixin、ComponentOptionsMixin、EmitsOptions、{}、{}、false、OptionTypesType<{}、... 4 个 ...，{}>，... 5 个 ...，{}>'.Vetur(2339)

这是一个干净的 Vue 项目（vue create v-vuex），具有以下 CLI 配置：

• Vue 3.x（预览版）
• 没有类风格的组件语法
• 是的 Babel 和 TypeScript
• ESLint + Prettier linter和格式化程序
• 保存时棉绒
• 专用配置文件

所有文件都是通过 Vue CLI 创建的具有默认项目结构的默认文件。

index.ts 文件：

应用程序.vue 文件：

main.ts 文件：

我正在学习 Vue，我想访问 Vuex 存储状态属性。基本反例。

只有当我通过模板中的插值直接使用它时，我才能访问计数器状态，例如{{ $store.state.counter }}，但是一旦我想使用一个返回的计算属性，我就无法使用关键字this访问 $store 。

return this.$store.state.counter不工作

我的编码设置：

• VSCode，最新版本
• NPM 和 Vue CLI
• 维特尔
• ESLint
• 更漂亮

我在不同的项目设置中做了同样的例子，例如“没有 TypeScript”和“使用 Class-Style 组件语法”，但在前一种情况下，我的 Vetur 不起作用所以它是不可接受的（不确定它是否会出错)，在后一种情况下，它可以工作，但我不熟悉语法，而且由于我没有经验，甚至考虑学习课堂风格来解决这个问题都是压倒性的。

编辑：有类似的问题，但没有一个与新的 Vue CLI 项目有关。

我有自定义 Vue 组件，并想使用 Vetur 的智能感知功能来建议和显示其支持的道具。

我按照Vetur 官方文档local-project中的步骤操作，当我的自定义组件和 vetur JSON 文件与我的实际项目位于同一项目文件夹中时（例如，让我们调用它），我能够使其工作。但是我有一个单独的 node_module 包含几个自定义 Vue 组件，称为custom-components模块。

还要补充node_modules一点，我们不在项目文件夹中 - 因为它在几个项目之间共享，所以它被放置在一个更根的位置。

所以在这个模块上：custom-components. 我以这种方式导出 Vue 文件：

然后在我修改custom-componentspackage.json 以及配置vetur/tags.json和vetur/attributes.json.

然后在我的项目（local-project）中使用它，如下所示：

我还尝试执行以下操作，但没有任何效果：

1. 更新local-project为具有相同的tags.json，attributes.json并更新package.json为指向那些本地文件。
2. 更新local-project'package.json以指向我custom-components的 ' json 文件：

帮助！谢谢

我正在使用 Vue3 和 Typescript 开始一个新项目。我是 Vue 的新手，但过去几年我一直在使用 Typescript。我严重依赖智能感知来自动完成和重构。

我目前正在尝试学习 Composition API，并且似乎无法让智能感知与在 setup() 中声明的属性一起工作，正如您在所附图像中看到的那样。

自动完成在返回的对象中不起作用

自动完成在模板中不起作用

我安装了 Vetur 和 Typescript。关于第一张图片，我猜 VSCode 期望我在括号内写的文本是对象属性/索引？

当我也启用 VueDX 时，模板之一似乎偶尔会起作用。

有没有办法让智能感知来处理这个问题？就像我说的，我在重构、更改变量名等方面严重依赖智能感知。

编辑：代码

谢谢

我正在使用 Vue 为我的应用程序编写代码，一切都运行良好。然后我开始创建子组件，我不能再刷新本地主机了。

现在它说：

“Vetur 找不到 'package.json” & “Vetur 找不到 'tsconfig.json' 或 'jsconfig.json”

当我尝试在 cmd 中“npm run serve”时 - 我得到了这个：

根据此https://vuejs.github.io/vetur/guide/setup.html#project-setup - 我尝试使用此内容添加 jsconfig.json 文件。（我删除了所有子组件，所以我只剩下这些 vue 文件（About、Todo、App）。）

依然没有。有人有什么想法吗？谢谢<3

我想知道是否有任何速记来用所有三个标签填充空的 vue 文件：模板、脚本和样式以及适当的默认内容。

作为比较，至少，VS Code 允许使用所有默认必需的标签/代码自动填充 html 文件! + Enter。我想知道 VS Code 或 Vetur 扩展中是否有类似的东西。

我正在使用 typescript + vue + vetur。在单个文件组件中，我在模板部分没有自动完成功能。

例如<tempalte> <div v-for="article in articles" /> </template>，如果我将光标放在“文章”上，则不会弹出任何工具提示。

在脚本中，它工作正常。

这可能是什么问题？