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

Frontend Extension Pack

Chimin Yau

|
306 installs
| (1) | Free
VSCode extension for frontend develop
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Frontend Extension Pack

This is the extension pack for frontend developer

Extension included in this pack

  • ESLint - Integrates ESLint JavaScript into VS Code.
  • Prettier - Code formatter - VS Code plugin for prettier/prettier
  • Vetur - Vue tooling for VS Code
  • JavaScript (ES6) code snippets - Code snippets for JavaScript in ES6 syntax
  • Path Intellisense - Visual Studio Code plugin that autocompletes filenames
  • Auto Close Tag - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
  • npm - npm support for VS Code
  • npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements
  • Auto Rename Tag - Auto rename paired HTML/XML tag
  • Formatting Toggle - A VS Code extension that allows you to toggle the formatter (Prettier, Beautify, …) ON and OFF with a simple click.
  • Vue Peek - Allows peek and goto definition for Vue single-file components.
  • Reactjs code snippets - Code snippets for Reactjs development in ES6 syntax
  • Search node_modules - Quickly search the node_modules folder.
  • TSLint - TSLint support for Visual Studio Code
  • Angular 8 Snippets - TypeScript, Html, Angular Material, ngRx, RxJS & Flex Layout - 240 Angular Snippets (TypeScript, Html, Angular Material, Flex Layout, ngRx, RxJS, PWA & Testing) Updated for v8 Beta
  • EditorConfig for VS Code - EditorConfig Support for Visual Studio Code
  • Debugger for Chrome - Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.
  • IntelliSense for CSS class names in HTML - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
  • 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
  • Angular Language Service - Editor services for Angular templates
  • angular2-switcher - Easily navigate to component's files in angular2 project.
  • SimonTest - Analyzes your Angular code and generates tests.
  • ES7 React/Redux/GraphQL/React-Native snippets - Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax
  • change-case - Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word
  • Less IntelliSense - Advanced autocompletion and refactoring support for Less
  • SCSS IntelliSense - Advanced autocompletion and refactoring support for SCSS
  • Visual Studio IntelliCode - Preview - AI-assisted development
  • Node Debug - Node.js debugging support
  • Document This - Automatically generates detailed JSDoc comments in TypeScript and JavaScript files
  • TODO Highlight - highlight TODOs, FIXMEs, and any keywords, annotations...
  • Bracket Pair Colorizer - A customizable extension for colorizing matching brackets

License

Icons made by Smashicons from www.flaticon.com is licensed by CC 3.0 BY
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft