Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Front-end VS Code Extension PackNew to Visual Studio Code? Get it now.
Front-end VS Code Extension Pack

Front-end VS Code Extension Pack

mrmartineau

|
470 installs
| (0) | Free
A collection of extensions for working with Vue Applications in VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Front-end VSCode Extension Pack

A collection of extensions for working with Front-end Applications in VS Code

These are some of my favorite extensions to make front-end application development easier and fun.

Extensions Included

  • Auto Rename Tag - Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
  • Prettier - Never worry about formatting your code ever again, keep everything consistent with ease. My suggestion is to add "editor.tabCompletion": true, "editor.formatOnSave": true, to your settings file in preferences.
  • Bookmarks - Adds a bookmark to places you designate in your file, and allows you to quickly jump between them. Super helpful. Type command + opt + K to create a bookmark and command + opt + J to jump between them 🔖
  • EditorConfig for VS Code - EditorConfig Support for Visual Studio Code
  • ES6 Snippets - quickly spin up ES6 JavaScript with only 3 or 4 characters
  • File Utils - A convenient way of creating, duplicating, moving, renaming and deleting files and directories.
  • Find all references - Find all references for almost all files.
  • Import Cost - Display import/require package size in the editor
  • JavaScript and TypeScript IntelliSense - JavaScript and TypeScript IntelliSense through the Language Server Protocol
  • Jumpy - We lose a lot of time scanning with a mouse, time we can get back by using our keyboard instead. Jumpy provides fast cursor movement by giving you a couple of keys that offer a hook to get to another part of the document.
  • Project Manager - Easily switch between, and manage projects
  • Relative Path - Get relative url paths from files in the current workspace.
  • Sublime Babel - Sublime Text's babel-sublime grammar in VS Code.

Relevant Links

  • Github
  • VS Code Marketplace

Enjoy!


Made by Zander

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