vscode "Intellisense" 和 "Go to definition" 不是 js/ts 文件

如何解决vscode "Intellisense" 和 "Go to definition" 不是 js/ts 文件

在前端开发中，我们经常不仅会在 javasctipt 中导入 javascript/typescript 文件。我们使用别名和相对路径导入此类文件。

示例：

import brandsQuery from '~/graphql/queries/brands.gql';
import Button from '~/components/common/button/index.vue';
import Component from './list/index.vue';

默认情况下，当我们导入此类文件时，VS Code 不支持非 js/ts 扩展——此类文件没有“Intellisense”和“Go to Definitoon”。

我尝试过这样的扩展：Path intellisense 和 Path autocomplete

VS Code 设置支持别名：

  "path-intellisense.mappings": {
    "~/": "${workspaceFolder}",},

或

  "path-autocomplete.pathMappings": {
    "~/": "${folder}/",}

通过这些扩展，我们在编写导入字符串时可以自动完成。也适用于相对路径“转到定义”。

但是“转到定义”不适用于非使用别名导入的 js-ts 文件。

您是否知道某种方法可以为我的项目中需要的所有扩展同时使用“Intellisense”和“Go To DeFinition”？

解决方法

见https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_57.md#go-to-definition-for-non-jsts-files

许多现代 JS 打包器和框架使用 import 语句来导入图像和样式表等资产。我们现在支持使用 go to definition:

浏览这些导入

这可能在使用 ctrl/cmd 时最有用点击浏览您的代码。