A Recommended collection for Flutter development on VS Code by Mr Chetan (Chetan Bhalothia).
VS Code extension pack help to create a your Flutter app using Dart code.
You not need to install all extensions one by one just this extension pack for Flutter development.
This Extension combination of 3 Extension Pack
- Mr Chetan Flutter Extension Pack
- Mr Chetan Always On Extension Pack
- Mr Chetan Recommended Extension Pack
- Open VS Code and click on Extensions Icon in the Activity Bar.
- Type mrchetan.flutter-extension-pack
- Install the Extension Pack.
This extension pack includes the following extensions:
-
Dart - Dart language support and debugger for Visual Studio Code.
-
Flutter - Flutter support and debugger for Visual Studio Code.
-
AWS Toolkit - Including support for CodeWhisperer, CodeCatalyst, Lambda, S3, CloudWatch Logs, and many other services
-
Awesome Flutter Snippets - Awesome Flutter Snippets is a collection snippets and shortcuts for commonly used Flutter functions and classes.
-
bloc - Support for the bloc library and provides tools for effectively creating blocs for both Flutter and AngularDart apps.
-
EditorConfig for VS Code - EditorConfig Support for Visual Studio Code.
-
Flutter Color - This plugin help you to easily visualize the color.
- Flutter Files - Quickly scaffold flutter bloc file templates.
-
Flutter Helpers - Helper utilities for flutter projects.
-
Flutter MVVM Architecture Generator - VsCode extension to generate boilerplate code when using FilledStack's responsive architecture using Providers.
-
Flutter Tree - Extension for Flutter to build basic widget tree.
-
Flutter Widget Snippets - A set of helpful widget snippets for day to day Flutter development.
-
Dart Data Class Generator - Create dart data classes easily, fast and without writing boilerplate or running code generation.
-
Pubspec Assist - Easily add and update dependencies to your Dart and Flutter project.
-
Pubspec Dependency Search - Easy search dependency name in dart packages site for flutter developers.
-
Todo Tree - Show TODO, FIXME, etc. comment tags in a tree view.
-
YAML - YAML Language Support by Red Hat, with built-in Kubernetes syntax support.
-
Code Spell Checker - Spelling checker for source code
-
File Utils - A convenient way of creating, duplicating, moving, renaming and deleting files and directories.
-
GitHub Copilot - Your AI pair programmer
-
GitHub Copilot Chat - AI chat features powered by Copilot
-
GitHub Actions - GitHub Actions workflows and runs for github.com hosted repositories in VS Code
-
GitHub Codespaces - Your instant dev environment
-
Git History - View git log, file history, compare branches or commits
-
GitLens — Git supercharged - Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
-
GitHub Repositories - Remotely browse and edit any GitHub repository
-
Remote Repositories - Remotely browse and edit git repositories
-
Git Graph - View a Git Graph of your repository, and perform Git actions from the graph.
-
GitHub Pull Requests and Issues - Pull Request and Issue Provider for GitHub.
-
Material Theme - The most epic theme now for Visual Studio Code
-
Material Icon Theme - Material Design Icons for Visual Studio Code.
-
Auto Close Tag - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.
-
Auto Rename Tag - Auto rename paired HTML/XML tag.
-
Better Comments - Improve your code commenting by annotating with alert, informational, TODOs, and more!.
-
Bookmarks - Mark lines and jump to them
-
Color Highlight - Highlight web colors in your editor.
-
CSS Peek - Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.
-
Error Lens - Improve highlighting of errors, warnings and other language diagnostics.
-
Image preview - Shows image preview in the gutter and on hover
-
Paste JSON as Code - Copy JSON, paste as Go, TypeScript, C#, C++ and more.
-
Live Server - Launch a development local Server with live reload feature for static & dynamic pages.
-
Prettier - Code formatter - Code formatter using prettier.
-
Remote Development - An extension pack that lets you open any folder in a container, on a remote machine, or in WSL and take advantage of VS Code's full feature set.
-
REST Client - REST Client for Visual Studio Code.
-
Snapcode - Snapcode for your code.
-
SVG - SVG Coding, Minify, Pretty, Preview All-In-One.
-
Svg Preview - Preview for Svg files.
-
Version Lens - This extension shows version information when opening a package or project for one of the following:composer,dotnet,dub,maven,npm,jspm,pnpm,pub
-
Visual Studio IntelliCode - AI-assisted development.
-
vscode-faker - Generate fake data for name, address, lorem ipsum, commerce and much more
-
vscode-pdf - Display pdf file in VSCode..
flutter create <AppName>
flutter doctor
flutter devices
flutter run
flutter pub get
Enjoy Chetan's Extension Pack!