#Auto-import when copying variables

4 messages · Page 1 of 1 (latest)

wicked glen Oct 6, 2024, 4:34 PM

Long story short, I primarily use WebStorm IDE from JetBrains, which I appreciate for its robust features like refactoring tools, reliable auto imports, and efficient indexing.

However, I find myself needing to use VSCode for developing with Expo (React Native) due to some official extensions. While I understand that a text editor may not match all the features of an IDE, I'm curious if there's a TypeScript configuration or an extension that can replicate WebStorm's functionality (as shown in the video).

Basically, when you copy a constant, object, function or class into another file, it automatically places the import statement. Unfortunately, I've found that existing auto import extensions in VSCode do not replicate this behavior.

fervent sphinx Oct 6, 2024, 4:58 PM

https://marketplace.visualstudio.com/items?itemName=stringham.copy-with-imports

Copy With Imports - Visual Studio Marketplace

Extension for Visual Studio Code - Copy over symbol imports when copying and pasting between TypeScript files.

Haven't tested it but looks like this does what you're looking for?

While I understand that a text editor may not match all the features of an IDE
FWIW, I largely find VSCode does match basically all the features of "IDEs". I don't use IDEs for JS development, but I do use them occasionally for Java/C#/Kotlin sort of languages and I really don't find the experience to be particularly more powerful than what VSCode offers.