Prevent VS Code from Auto Formatting Flutter/Dart Code

Last updated on August 24, 2021 A Goodman Loading... One comment

By default, VS Code (Visual Studio Code) will automatically format your code when you save a Dart file. In general, this feature is useful and makes your code cleaner, and has a consistent arrangement. However, there might be cases where this thing doesn’t fit your need. In these situations, you can turn off that format-on-save feature. The steps below will show you how to achieve your goal.

1. Click on “Dart” which locates in the bottom bar of your VS Code window (you need to open a Dart file to see it).

2. Select “Configure ‘Dart’ language based settings…” from the drop-down.

3. In the settings.json file, change “editor.formatOnSave” from “true” to “false”.

Save the file and everything is now done.

Further reading:

You can also take a tour around our Flutter topic page and Dart topic page to see the latest tutorials and examples.

Notify of
1 Comment
Inline Feedbacks
View all comments
Luke Smith
Luke Smith
11 days ago

Nice, thanks 🙂

You May Also Like