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!

Answer 1

It isn't necessary to download an extension. As explained here, simply add this to the analysis_options.yaml file:

linter:
  rules:
    - prefer_relative_imports

Answer 2

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.

Answer 3

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.