Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>MR FrontEnd Extention Pack (2025)New to Visual Studio Code? Get it now.
MR FrontEnd Extention Pack (2025)

MR FrontEnd Extention Pack (2025)

MostafaRastegar

|
57 installs
| (0) | Free
front-end extensionPack 2025
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MR FrontEnd Extension Pack (2025)

Description:
A comprehensive collection of essential extensions for front-end developers in 2025. This pack includes tools for React, Angular, Vue, JavaScript (ES6/ES7), and more to enhance your productivity and development workflow.

Included Extensions

Auto Close Tag

  • Link: Auto Close Tag
  • Description: Automatically adds closing tags for HTML/XML. -close-tag/blob/master/images/logo.png?raw=true)

Auto Rename Tag

  • Link: Auto Rename Tag
  • Description: Automatically renames paired HTML/XML tags.

MR Keymap

  • Link: MR keymap
  • Description: Fast use keymap.

Batch Rename Extension

  • Link: Batch Rename Extension
  • Description: Rename multiple files and folders in bulk.

Code Spell Checker

  • Link: Code Spell Checker
  • Description: A basic spell checker for code and documentation.

DotENV

  • Link: DotENV
  • Description: Support for .env files.

ESLint

  • Link: ESLint
  • Description: Integrates ESLint into VS Code for JavaScript linting.

GitLens

  • Link: GitLens
  • Description: Supercharges Git capabilities in VS Code.

Import Cost

  • Link: Import Cost
  • Description: Displays the size of imported packages in JavaScript/TypeScript.

Remove unused imports

  • Link: Remove unused imports
  • Description: Removes unused ES6 imports in JavaScript and TypeScript files without changing the order.

IntelliCode

  • Link: IntelliCode
  • Description: AI-assisted development for smarter code completions.

Jest

  • Link: Jest
  • Description: Run and debug Jest tests directly in VS Code.

JS & React Snippets

  • Link: JS & React Snippets
  • Description: Handy snippets for JavaScript and React development.

Live Server

  • Link: Live Server
  • Description: Launch a local development server with live reload.

Peacock

  • Link: Peacock
  • Description: Subtly change the color of your workspace.

Prettier

  • Link: Prettier
  • Description: An opinionated code formatter for various languages.

Tailwind CSS IntelliSense

  • Link: Tailwind CSS IntelliSense
  • Description: Intelligent Tailwind CSS class name completion.

VSCode Icons

  • Link: VSCode Icons
  • Description: Icon themes for Visual Studio Code.

YAML

  • Link: YAML
  • Description: YAML language support including validation and formatting.

Todo Tree

  • Link: Todo Tree
  • Description: Display TODOs, FIXMEs, and other annotations in a tree view.

Night Owl

  • Link: Night Owl
  • Description: A VS Code theme for night owls.

Installation Instructions

To install the MR FrontEnd Extension Pack, follow these steps:

  1. Open Visual Studio Code.
  2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window.
  3. Search for "MR FrontEnd Extension Pack".
  4. Click on the Install button.

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue on the GitHub repository.


License

This project is licensed under the MIT License. See the LICENSE file for details.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft