用于自定义文件扩展名的 VSCode 导入路径智能感知

【问题标题】：VSCode import path intellisense for custom files extensions用于自定义文件扩展名的 VSCode 导入路径智能感知
【发布时间】：2026-02-18 23:55:01
【问题描述】：

在编写稍后将通过 webpack 推送的代码时，可以对非标准文件使用自定义加载器。实际上可以写

import image from './assets/image.png';

它会得到妥善处理。问题是 VSCode 不为 .png、.svg、.scss 等文件提供自动补全功能。

是否可以通过某些设置或扩展来做到这一点？

【问题讨论】：

【解决方案1】：

我能够使用Path Autocomplete 扩展来修复它。默认情况下，它不包含文件扩展名，并建议 .js 文件以及 VS Code 的默认建议。可以通过在用户设置中添加以下行来更改它：

"path-autocomplete.extensionOnImport": true,
"path-autocomplete.excludedItems": {
    "**/*.js": {"when": "**"}
}

【讨论】：

为什么要排除 js 文件使用 ` "/*.js": {"when": ""}` ?
因为VS代码本身已经建议了，所以所有的js文件都会在建议中出现两次
@KirillZinovjev 有关排除文件夹的任何建议，以便它们不会在建议中出现两次？
@AdamBaranyai 这里："path-autocomplete.excludedItems": { "**": { "when": "**", "isDir": true } } 实际上，我在扩展文档中找到了这个。