vue.js - 转到定义不适用于我的项目(vue 和 sass 文件)[visual-studio-code]

Question

在vscode上开发Nuxt项目有两点让我很失望。 在 vscode 上，我的 jsconfig.js 是默认的:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./*"],
      "~~/*": ["./*"],
      "@@/*": ["./*"]
    }
  },
  "exclude": ["node_modules", ".nuxt", "dist"]
}

它正在处理 vue 文件以自动完成导入一些组件，例如(使用 ctrl+space) 但是不可能用 cmd+click 去下一步定义。我不明白为什么，这真的很烦人。

我无法发布图片(需要 10 个信誉)，但这是我在 vue 文件上的导入(没有找到...的定义)

import PldFooter from '@/components/Footer';

另外一点，我在 assests 文件夹中使用 sass 文件。编译工作正常，但我无法通过 cmd+click 访问 node_modules 中的文件。这是一个导入示例:

@import "~bulma/sass/base/helpers.sass"; 

==> 没有找到 helpers.sass 的定义

谢谢你的帮助，

本。

Answer 1

您是否在一个窗口中打开了多个文件夹(项目)？

我不确定你的问题是否和我一样。当我打开 多个文件夹(项目) 时，我在 Visual Studio Code 中遇到了“Go to Definition not working”问题，我已解决。

我已经使用插件 Vetur 来支持 .vue 文件。 有两种方法效果很好:

1. 在一个窗口中只打开一个项目
2. 您可以在一个窗口中打开多个项目，但是您想要“转到定义”的项目效果很好，它必须是文件夹树中的第一个项目探索者标签。

似乎插件 Vetur 选择了多个项目中的第一个项目作为根文件夹。

我的文件tsconfig.json

{
  ...

  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"],
    }
  },
  "exclude": ["node_modules", "dist"]

  ...
}

引用: https://github.com/vuejs/vetur/issues/423#issuecomment-405415204

如果我的回答不能帮到您，我深表歉意。