Change VS Code to auto-import files in flutter relatively

Question

So, here is the problem:

Whenever I am coding with Flutter and Dart, and I use a feature from another file, when I press Tab, VS Code will auto-import the file for me.

The thing is, VS Code will use the package import syntax, like import 'package:<project_name>/<file_path>';. But I prefer relative import syntax.

So, is there a setting I can change in VS Code for Dart to configure it to use relative imports by default?

Thanks!

Does this answer your question? [Flutter imports : relative path or package?](https://stackoverflow.com/questions/59693195/flutter-imports-relative-path-or-package) — Md. Yeasin Sheikh, Jan 29 '22 at 04:00

score 7 · Accepted Answer · answered Jan 29 '22 at 03:55

7

While importing, you can find both option by tapping on yellow bulb or pressing ctrl+.

Another handy thing, using dart-import extension on Vs-code.

answered Jan 29 '22 at 03:55

Md. Yeasin Sheikh

54,221
7
29
56

Thanks, this works great. Is there a way to have the relative path have the `./` at the beginning? – theProCoder Jan 29 '22 at 09:58
i could not find that way, – Md. Yeasin Sheikh Jan 29 '22 at 12:11
ok thanks @Yeasin Sheikh! – theProCoder Feb 06 '22 at 10:47

score 5 · Answer 2 · answered Aug 06 '22 at 07:38

5

Personally, I am using dart-import extension. There is an extension setting you can turn on to modify imports on save. So, you can have a consistent import structure without needing to choose every single time.

There is a recommendation in effective dart guideline for relative path import usage.

answered Aug 06 '22 at 07:38

Arkar Min Tun

605
8
12

1

Note: After installing the extension, I had to restart VS Code before the "Fix On Save" option appeared. – Chuck Batson Feb 11 '23 at 00:24

Change VS Code to auto-import files in flutter relatively

2 Answers2