转到不工作于我的项目的定义(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代码中遇到了一个问题“转到定义不起作用”。

我使用了插件Vetur来支持.vue文件。有两种方法很好地发挥作用：

1. 在窗口中只打开一个项目
2. 您可以在窗口中打开多个项目，但是要“转到定义”的项目运行良好，这必须是--浏览器选项卡中文件夹树中的第一个项目。

看起来，插件Vetur将多个项目中的第一个项目作为根文件夹。

我的文件tsconfig.json

{
  ...

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

  ...
}

参考资料：https://github.com/vuejs/vetur/issues/423#issuecomment-405415204

如果我的回答帮不了你，我很抱歉。

Answer 2

根据维图尔设置指南:如果您正在使用Webpack化名或类型标路径映射解析组件，则需要更新的tsconfig.json或jsconfig.json

例如，：

└── src
    ├── components
    │   ├── a.vue
    │   └── b.vue
    ├── containers
    │   └── index.vue
    ├── index.js
    └── jsconfig.json

jsconfig.json:

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "components/*": [
                "src/components/*"
            ]
        }
    }
}

index.vue

import a from 'components/a.vue'
import b from 'components/b.vue' 

它解决了我案子中的问题。