我已经使用 Atom 进行 React 编码多年了。我想切换到VSCode,因为这似乎是社区的发展方向。但有一件事让我印象深刻。在 Atom 中,有一个名为autocomplete-paths
的扩展名,它允许您执行相对import
,而无需确切知道要导入的文件的位置。所以,我可以做:
import MyComponent from 'MyComponent'
。然后扩展程序会将其转换为:
import MyComponent from '../../path/to/file/MyComponent'
鉴于我的 React 项目设置为执行相对导入,这对我来说是一个必备功能,因为我不可能将我的整个项目目录结构提交到内存中。
我已经多次查看了VSCode Intellisense的东西,但是在文档中找不到解释如何执行此操作的任何地方。
我错过了什么吗?此功能在 VSCode 中不存在吗?
您似乎追求的核心问题是自动添加导入。VS Code 支持 JavaScript 和 TypeScript 的开箱即用。扩展也可以为其他语言添加此信息。
自动导入的工作方式与您要求的方式不同,但可以解决相同的问题。在 VS Code 中,若要添加导入,请在文件中的某处键入MyComponent
并接受建议。接受建议将自动添加导入。
如果要强制导入路径始终是相对的,请设置:"javascript.preferences.importModuleSpecifier": "relative"