DoYouEvenFlutter [EP.4] Boost your coding productivity with this Flutter VSCode setup in 2021

Luke Urban
5 min readFeb 3, 2021

Hello, coders!

I am Luke and I am a Flutter dev. Here is my setup 😉

As a full-time Flutter developer, with a few good years of commercial experience, I can say a good environment is something that can boost your productiveness by quite a lot!

VSCode — my integrated development environment (IDE).

This came as surprise to me how much I would love Microsoft Visual Studio Code. You know… Microsoft. The flexibility of this tool is remarkable. I’ve programmed using it with PHP, JavaScript, Typescript, Dart, Go, Bash, etc (HTML and CSS — not included). Not even that it can support EVERY language, but It can also support ALL the frameworks. It’s community-driven so it’s up to us what are its features!

Now! Right! How does Flutter work with VSCode?

For those who are starting coding in general and are not familiar with this IDE.

VSCode is an extension driven which means you need to install an extension to introduce a new feature to your code editor.

For Flutter, there are two basic ones: Dart and Flutter. Without them programing in Dart (language in which Flutter, the framework, is written) is impossible.

There are also hundreds upon hundreds of extensions that will improve your coding experience. Here are mine:

Awesome Flutter Snippets

Without this little fella, I would waste 20% of my life on writing boilerplate code. Simply by typing:

statelessW

..and hitting enter we are given this beautiful stateless widget:

It’s worth mentioning that, after code, the generation, the word ‘name’ both in class name and in the constructor is highlighted and we can proceed with naming this widget. Awesome Flutter Snippets comes with more than 30 similar code generation shortcuts. All of them can be found here.

--

--

Luke Urban

Building tech startups in public🔨Trying to portray technology a little differently. Emphasis on trying…I publish tech/startup/programming videos on YouTube🔴