# Another list of VSCode Extensions for DailyCode, Git, Flutter and Other Many of you had already seen few extensions from below list. If you found any extension new & useful, don't forget to like this blog. I'll categories below extension in ? different sections. ### A. VSCode must have extensions ### B. Git specific ### C. Flutter specific ### D. Other extras but worth noticing! ![lets_get_started.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663957039192/eoqNnyhLP.gif align="left") # a. VSCode must have extensions ## **1. [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)** The Better Comments extension will help you create more human-friendly comments in your code. With this extension, you will be able to categorise your annotations into: - Alerts - Queries - TODOs - Highlights - Commented out code can also be styled to make it clear the code shouldn't be there - Any other comment styles you'd like can be specified in the settings ![better-comments.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663957500762/hBiyNXO5I.png align="left") ## **2. [change-case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case)** Quickly change the case of the current selection or current word. ![change_case.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663957774566/4X2RhSh1V.gif align="left") ## **3. [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)** A basic spell checker that works well with code and documents. The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low. ![code_spell_checker.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663957890048/PDOeUKSky.gif align="left") ## **4. [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)** Improve highlighting of errors, warnings and other language diagnostics. ![error_lens.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663958118768/qGgaq4YpB.png align="left") ## **5. [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)** Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist. It Syncs 1. Settings File 2. Keybinding File 3. Launch File 4. Snippets Folder 5. VSCode Extensions & Extensions Configurations 6. Workspaces Folder ## **6. [vscode-faker](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker)** Generate fake data for name, address, lorem ipsum, commerce and much more ![vscode-faker.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663958311934/8W6qBebIr.gif align="left") ## **7. [WakaTime](https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime)** WakaTime is an open source VS Code plugin for metrics, insights, and time tracking automatically generated from your programming activity. ![wakatime.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663958399074/1EJB4nYc1.png align="left") # b. git specific ## **1. [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)** View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want! ![git_graph.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663958749581/Yv8KaF_pJ.gif align="left") ## **2. [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)** - View and search git log along with the graph and details. - View a previous copy of the file. - View and search the history - Compare branches - Compare commits - Compare files across commits ## **3. [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)** GitLens simply helps you better understand code. Quickly glimpse into whom, why, and when a line or code block was changed. Jump back through history to gain further insights as to how and why the code evolved. Effortlessly explore the history and evolution of a codebase. ![gitLens.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663958986853/DQHd9CMh9.png align="left") ## **4. [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)** To create the markdown file, this extension will boost your speed by 1000%. ![markdownallinone.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663959251972/Xsuz_hlqN.gif align="left") ## **5. [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint)** The Markdown markup language is designed to be easy to read, write, and understand. It succeeds - and its flexibility is both a benefit and a drawback. Many styles are possible, so formatting can be inconsistent. Some constructs don't work well in all parsers and should be avoided markdownlint is an extension for the Visual Studio Code editor that includes a library of rules to encourage standards and consistency for Markdown files. # c. flutter specific Of course, this are the must have flutter vscode extensions: - [Flutter](https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter) - [Dart](https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code) - [Awesome Flutter Snippets](https://marketplace.visualstudio.com/items?itemName=Nash.awesome-flutter-snippets) Apart from this there are some good flutter vscode extensions. ## **1. [Bloc](https://marketplace.visualstudio.com/items?itemName=FelixAngelov.bloc)** Support for the bloc library and provides tools for effectively creating blocs for both Flutter and AngularDart apps. ![bloc.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663959807116/24N6281yU.gif align="left") ## **2. [Dart Barrel File Generator](https://marketplace.visualstudio.com/items?itemName=miquelddg.dart-barrel-file-generator)** VSCode extension that generate barrel files for folders containing dart files. ![barrle_file_generator.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663959878342/FchkpTmhU.gif align="left") ## **3. [dart-import](https://marketplace.visualstudio.com/items?itemName=luanpotter.dart-import)** Fix Dart/Flutter's imports. A simple plugin for VSCode to change all Dart/Flutter imports to relative format ## **4. [Flutter Widget Snippets](https://marketplace.visualstudio.com/items?itemName=alexisvt.flutter-snippets)** A set of helpful widget snippets for day to day Flutter development. ![flutter-snippet-sample.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663960034761/VcV4JbWXV.gif align="left") ## **5. [Gradle Language Support](https://marketplace.visualstudio.com/items?itemName=naco-siren.gradle-language)** An extension to provide Gradle language support for Visual Studio Code, including advanced functionalities like Syntax Highlighting, Keyword Auto-completion Proposals and Duplication Validation. ![gradle.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663960161668/1IyCuHwog.png align="left") ![gradle2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663960165686/5Gh01yNIJ.png align="left") ## **6. [Version Lens](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens)** Shows the latest version for each package using code lens This extension shows version information when opening a package or project for one of the following: - [dotnet](https://www.dotnetfoundation.org/) - [dub](https://code.dlang.org/) - [jspm](https://jspm.io/) - [maven](https://maven.apache.org/) - [npm](https://www.npmjs.com/) - [pub](https://pub.dev/) - [composer](https://getcomposer.org/) ![version_lens.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663960281283/R-GsxMuqk.gif align="left") # d. other extras ## **1. [Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)** Shows image preview in the gutter and on hover ![Image preview.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663960576755/AgEycphcT.png align="left") ## **2. [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)** Get the Material Design icons into your VS Code. ![fileIcons.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1663960669379/2Aat2NhUJ.png align="left") ## **3. [Thunder Client](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client)** Thunder Client is a lightweight Rest API Client Extension for Visual Studio Code. ![thunder-client.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1663960735558/1PkXhR0nH.gif align="left") ## **4. [TabOut](https://marketplace.visualstudio.com/items?itemName=albert.TabOut)** Tab out of quotes, brackets, etc for Visual Studio Code.