Scribd
Upload
58 views12 pages

Vs Code Extensions For Frontend Developers

This document discusses various Visual Studio Code extensions that are useful for frontend developers. It describes extensions that provide a live development server, code formatting, React/Redux snippets, automatic import suggestions, JavaScript linting, filename autocompletion, Tailwind CSS support, Material Design icons, live Sass compilation, and real-time collaborative editing. The document encourages readers to comment with additional extensions they find helpful.

Uploaded by

GUJJU BHAVANI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
58 views12 pages

Vs Code Extensions For Frontend Developers

This document discusses various Visual Studio Code extensions that are useful for frontend developers. It describes extensions that provide a live development server, code formatting, React/Redux snippets, automatic import suggestions, JavaScript linting, filename autocompletion, Tailwind CSS support, Material Design icons, live Sass compilation, and real-time collaborative editing. The document encourages readers to comment with additional extensions they find helpful.

Uploaded by

GUJJU BHAVANI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

VS Code Extensions

for Frontend Developers

Mary Chukwuma Swipe


2 / 12

Live Server
by Ritwick Dey

Launch a development
local Server on your
favorite browser with a live
reload feature for static &
dynamic pages.

Mary Chukwuma Swipe


3 / 12

Prettier
by Prettier

This extension is a code


formatter.

Make your code beautiful


with Prettier.

Mary Chukwuma Swipe


4 / 12

ES7+ React / Redux /


React-Native snippets
by dsznajder

Extensions for React, React-


Native, and Redux in JS / TS
with ES7+ syntax.

Mary Chukwuma Swipe


5 / 12

Auto Import - ES6,


TS, JSX, TSX
by Sergey Korenuk

Automatically finds, parses,


and provides code actions
and code completion for all
available imports. Works with
JavaScript (ES6) and
TypeScript (TS).

Mary Chukwuma Swipe


6 / 12

ESLint
by Microsoft

ESLint statically analyzes


your code to quickly find
problems.

Find and fix problems


in your JavaScript code
with this extension.

Mary Chukwuma Swipe


7 / 12

Path Intellisense
by Christian Kohler

Visual Studio Code plugin


that autocompletes
filenames.

Mary Chukwuma Swipe


8 / 12

Tailwind CSS
IntelliSense
by Tailwind Labs

Tailwind CSS IntelliSense


enhances the Tailwind
development experience by
providing Visual Studio Code
users with advanced features
such as autocomplete, syntax
highlighting, and linting.

Mary Chukwuma Swipe


9 / 12

Material Icon
Theme
by Philipp Kief

This extension provides


Material Design Icons for
Visual Studio Code

Mary Chukwuma Swipe


10 / 12

Live Sass Compiler


by Glenn Marks

This extension helps you to


compile/transpile your
SASS/SCSS files to CSS in real
time.

Mary Chukwuma Swipe


11 / 12

Live Share
by Microsoft

Live Share enables you to


collaboratively edit and debug
with others in real-time,
regardless of what
programming language you're
using or app types you're
building.

Mary Chukwuma Swipe


What other
extension(s) do you
use?
Comment Below!

You might also like