Front-end Mandatory Extension pack

Vs.code Mandatory Extension Pack

A slim package with mandatory vs.code extensions for front-end developer of any language,

What's is inside:

The extension package apply to any framework (Vanilla JS, Vue, Angular, React, etc...), just include some visual helpers, code style and linters to help you with anything you want to do.

CODE STYLE and FORMATTERS:

Eslint: Integrates ESLint to statically analyzes your code to quickly find problems. If you are new to ESLint check the documentation.

TypeScript TSLint Plugin: Provides TSLint support using the typescript-tslint-plugin.

Important: If you also have the vscode-tslint extension in VS Code installed, please disable it to avoid linting files twice.

Stylelint: Lint CSS/SCSS/Less with stylelint.

Prettier - Code Formater: Format your JavaScript / TypeScript / CSS using Prettier.

Helpers

Auto Close Tags: Auto-close HTML tags.

Auto Rename Tag: Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.

Bracket Pair Colorizer 2: A customizable extension for colorizing matching brackets.

Turbo Console: Make debugging much easier by automating the operation of writing meaningful log message.

Dot .env files and EditorConfig

DotENV: Support for dotenv file syntax.

EditorConfig for VS Code: EditorConfig Support for Visual Studio Code.

Intellisense

Path Intellisense: Visual Studio Code plugin that autocompletes filenames.

IntelliSense for CSS class names in HTML: CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

Debug

Chrome Debug: Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

Git and Github

Git Extension Pack: Git extension package include: Git History, Project Managet, GitLens, Gitignore, Open in Github.

Github Pull Request: Manage PRs in Github from VS Code.

It;s just a few extensions to speed your developer experience usinf vs/code.