BB Flutter Extension Pack
The BB's Extension Pack which includes every extension you will ever need for Flutter development.
Table of Contents
Installation
- Open VS Code and click on Extensions Icon in the Activity Bar.
- Type xsnepaul.bb-flutter-extension-pack
- Install the Extension Pack.
☕️ Have a cup of coffee... There're more than 50 extensions.
Extensions
Flutter Extensions
- Dart - Dart language support and debugger for Visual Studio Code.
- Flutter - Flutter support and debugger for Visual Studio Code.
- Flutter Color - A user friendly plugin to help you work with ARGB Color in VS Code, for any project.
- Pubspec Dependency Search - Easy search dependency name in dart packages site for flutter developers.
- Flutter Helpers - Easily write JSONSerializable annotated classes and allows you to run code generation for those classes. You can also watch the files so that code generation is faster.
- Flutter Intl - Create a binding between your translations from .arb files and your Flutter app. It generates boilerplate code for official Dart Intl library and adds auto-complete for keys in Dart code.
- Flutter Tree - Build basic widget tree with nice syntax.
- Dart Data Class Generator: Create dart data classes easily, fast and without writing boilerplate or running code generation.
- flutter-stylizer - Organizes your Flutter classes in an opinionated and consistent manner.
- fish-redux-template - Fish Redux is an assembled flutter application framework based on Redux state management. It is suitable for building medium and large applications.
- dart-import - A simple plugin for VSCode to change all Dart/Flutter imports to relative format.
- Flutter & Dart Utilities - Extension that assists in the creation of tests, interfaces, classes and to work with clean architecture, 3-tiers or MVC having the possibility to create features and create tests folder.
Productivity Extensions
EditorConfig for VS Code - This plugin attempts to override user/workspace settings with settings found in .editorconfig files. No additional or vscode-specific files are required. As with any EditorConfig plugin, if root=true is not specified, EditorConfig will continue to look for an .editorconfig file outside of the project.
EditorConfigGenerator - Generate a simple editor config file for usual situation.
Code Spell Checker
Bookmarks - Mark and jump.
Todo Tree - This extension quickly searches (using ripgrep) your workspace for comment tags like TODO and FIXME, and displays them in a tree view in the explorer pane. Clicking a TODO within the tree will open the file and put the cursor on the line containing the TODO.
Project Manager - Easily switch between projects.
Docs View - Displays hover documentation in the sidebar or panel.
PlantUML
filesize - This package is intended for use with the Visual Studio Code editor and it displays the size of the focused file in the status bar of the editor.
Version Lens - This extension shows version information when opening a package or project for one of the following:
Paste JSON as Code - Supports TypeScript, Python, Go, Ruby, C#, Java, Swift, Rust, Kotlin, C++, Flow, Objective-C, JavaScript, Elm, and JSON Schema.
Project Snippets - Provide workspace/project level code snippets.
Sort JSON objects - Alphabetically sorts the keys in selected JSON objects.
Live Server - Launch a local development server with live reload feature for static & dynamic pages.
Partial Diff
- You can compare (diff) text selections within a file, across different files, or to the clipboard.
- Multi cursor text selection.
- User defined text normalization rules to reduce the noise in the diff (e.g. replace tab characters to spaces).
- User defined text normalization rules can be toggled off without removing them from the configuration.
- Compare text in 2 visible editors (i.e. tabs) with one action.
AI Coding:
- GitHub Copilot - An AI pair programmer which suggests line completions and entire function bodies as you type. GitHub Copilot is powered by the OpenAI Codex AI system, trained on public Internet text and billions of lines of code.
- Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
- Codelf - Search over projects from Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project, GitLab to find real-world usage variable names.
- Colonize - Adds three shotcuts to insert semicolons with ease;
- shift + enter Insert semicolon at the end of line and continue on the same line
- alt + enter Insert semicolon at the end of line and continue on the new line
- ctrl + alt + enter Insert semicolon and stay at the same position
- change-case
Images:
- SVG - A Powerful SVG Language Support Extension. Almost all the features you need to handle SVG.
- Svg Preview
Comments:
Markdown:
Markdown All in One - All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more).
markdownlint - Linting and style checking.
Markdown Notes - Use [[wiki-links]], backlinks, #tags and @bibtex-citations for fast-navigation of markdown notes.
Gray Matter - A pair of colour schemes for writing Markdown in Sublime Text, Visual Studio Code, and other .tmTheme editors. It takes aesthetic cues from popular minimalist writing apps and aims to lessen the visual impact of markdown punctuation. It also attempts to support the full range of Markdown syntax ranging from Markdown, MultiMarkdown, Github Flavoured Markdown, and Pandoc Markdown.
Markdown Links
Adds command Show Graph that displays a graph of local links between Markdown files in the current working directory.
Gives better insights into structure of your files if you are writinga wiki, a Zettelkasten style notebook or documentation.
Themes:
Git Extensions
- gitignore - Start command palette (with Ctrl+Shift+P or F1) and start typing Add gitignore.
- Git Blame - See Git Blame information in the status bar for the currently selected line. Quick link to open the latest commit on the current line in the most popular online git tools.
- git-commit-plugin - Automatically generate git commit messages, follows the Angular Team Commit Specification.
- GitLens - GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to 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.
- Git History - Git History, Search and More (including git log)
- Gitflow
API
- REST Client - Allows you to send HTTP request and view the response in Visual Studio Code directly.
- Proto Lint - A protocol buffer linter for Visual Studio Code that uses protolint to validate linting rules.
- vscode-proto3
Tips
- How to export extensions list:
code --list-extensions | xargs -L 1 echo code --install-extension
Contribution
Contribution is welcomed. I intend to update the Extensions monthly to keep it updated with the best extensions.
How to contribute?
- Create a new issue
- Click on Extension request
- Mention the Extension name with the Publisher Name and provide the Extension link.
License
| |
