Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/newaeonweb/vs.code-mandarory-extension-pack

A slim package with mandatory vs.code extensions for front-end developer of any language.
https://github.com/newaeonweb/vs.code-mandarory-extension-pack

eslint javascript tslint typescript utilities vscode-extension

Last synced: 2 days ago
JSON representation

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

Awesome Lists containing this project

README 

        
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](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint): Integrates ESLint to statically analyzes your code to quickly find problems. If you are new to [ESLint](https://eslint.org/) check the documentation.



[TypeScript TSLint Plugin](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-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](https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint): Lint CSS/SCSS/Less with stylelint.



[Prettier - Code Formater](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode): Format your JavaScript / TypeScript / CSS using Prettier.



### Helpers



[Auto Close Tags](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag): Auto-close HTML tags.



[Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag): Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.



[Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer): A customizable extension for colorizing matching brackets.



[Turbo Console](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log): Make debugging much easier by automating the operation of writing meaningful log message.



---



### Dot `.env` files and EditorConfig



[DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv): Support for **dotenv** file syntax.



[EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig): EditorConfig Support for Visual Studio Code.



---



### Intellisense



[Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense): Visual Studio Code plugin that autocompletes filenames.



[IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion): CSS class name completion for the HTML class attribute based on the definitions found in your workspace.



---



### Debug



[Chrome Debug](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome): Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.



### Git and Github



[Git Extension Pack](https://marketplace.visualstudio.com/items?itemName=donjayamanne.git-extension-pack): Git extension package include: Git History, Project Managet, GitLens, Gitignore, Open in Github.



[Github Pull Request](https://marketplace.visualstudio.com/items?itemName=jasonnutter.github-pr): Manage PRs in Github from VS Code.



--- 



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