Vue js 和 VS 代码 - 绝对文件路径没有智能感知

Question

我有一个使用 vue-cli 3 创建的应用程序，我使用 Visual Studio 作为我的 IDE。我已经安装了 Vetur 扩展。不幸的是，当我输入类似的东西时

import Message from '@/components/Message'

VS 代码不提供任何用于解析此类绝对文件路径的智能感知。也许 VS 代码不理解 @ 映射到使用 vue-cli 创建的项目中的“src”文件夹。有人知道如何解决这个问题吗？

我将非常感谢任何帮助。

Answer 1

您需要一个jsconfig.json文件让 Intellisense 使用 webpack 别名启动。您可以查看链接的文章。

Answer 2

我已jsconfig.json按照以下方式进行设置并且可以正常工作

{
  "compilerOptions": {
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  }
}