vue.js - Visual Studio 代码：初始 VueJS 设置找不到模块“@/..”

Question

如您所知@，它是一个占位符，/src如果我使用它，应用程序可以正确编译和运行。但我的 VSCode 认为该模块不存在并向我显示错误消息：

问题 1：如何教 VSCode 如何查找模块？

类似的情况如下：

export default class HelloWorld extends Vue {
  @Prop() private msg!: string;
}

IDE 中有两个错误（当应用程序编译和运行正常时）：

1)!:带有红色下划线 ->预期表达式

2)带有string红色下划线 ->成员“字符串”隐含地具有“任何”类型。

但这些并不是真正的错误，这是正常的语法，VSCode 无法处理它。Vetur Extension (Vue Tooling for VSCode) 已经安装。

问题 2：我该如何处理 VSCode 中的 Vue + TypeScript？我必须考虑什么（全部）？

Answer 1

输入*.svg

VS Code 不知道如何svg自行导入文件。要解决此问题，请将.d.ts文件添加到项目的根目录，其中包含：

declare module '*.svg' {
  const content: any;
  export default content;
}

我发现添加此声明src/shims.d.ts不起作用。它仅在在项目根目录创建.d.ts文件时才有效（例如，<root>/index.d.ts）。

Expression expected错误

这来自 Vetur 0.11.7，它使用不支持明确赋值断言的旧 TypeScript 版本，在 TypeScript 2.7 中引入。（vuejs/vetur问题＃723）

Vetur0.11.8 Preview通过更新到较新版本的 TypeScript 来解决此问题，但尚未发布，因此您必须手动安装 VSIX。IMO 最简单的方法是使用 VS Code扩展视图中的命令下拉菜单来安装下载的vetur-0.11.8.vsix. 该修复程序在 Vetur 中可用0.12.1，可从 VS Code 的Extensions视图安装。