README

Front-End Extension Pack

This Extension pack is created considering daily uses of one front-end developer. Mainly who's using Node.js or React.js or simple javascript and styling.

I didn't included extensions for github. If you're using github then you should install this GitHub, GitHub Pull Requests, GitHub Notifications.

There many other extension that can be very useful depending on your workflow and your uses and it's not in listed here. You can always install them. if don't like to use one of this extension that comes with extension pack then you can disable it or maybe uninstall that particular extension.

Here is list of extensions included in this extension-pack with small description.

1) Auto Import

Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX.

• By default is configured only for .ts and .tsx file type but you can add your file types also.

Example

adding support for js and jsx file.

• "autoimport.filesToScan": "**/*.{ts,tsx,js,jsx}" You can also modify other settings. Find out more Auto Import.

2) Better Comments

• The Better Comments extension will help you create more human-friendly comments in your code.

See more here Better Comment.

3) Bookmarks

• With use of extension you will be able to bookmark you code line and easily access it.

4) Bracket Pair Colorizer

• It's makes your life litter more easy when are writing very complex login with many more brackets.

5) Color Highlight

• It just help you sometime while you are styling.

6) Debugger For Chrome

• Debug your JavaScript code running in Google Chrome from VS Code

7) Document This

• Document This is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.

8) ES7 React/Redux/GraphQL/React-Native snippets

• This extension provides you JavaScript and React/Redux snippets in ES7 with Babel plugin features for VS Code.

9) ESLint

• ESLint is an open source project originally created by Nicholas C. Zakas in June 2013. Its goal is to provide a pluggable linting utility for JavaScript.

10) GitLens

• 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 Gitlens.

11) Import Cost

• This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size.

12) IndentRainbow

• This extension colorizes the indentation in front of your text alternating four different colors on each step. It help when you have very complex and nested code structure.

13) Markdown All in One

• All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more).

14) Material Icon Theme

• The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.

15) Material Theme

• The Material Theme provides very good themes on Material Design for Visual Studio Code.

16) npm

• This extension supports running npm scripts defined in the package.json file and validating the installed modules against the dependencies defined in the package.json.

17) npm intellisense

• visual Studio Code plugin that autocompletes npm modules in import statements

18) Path Intellisense

• visual Studio Code plugin that autocompletes filenames.

19) Prettier

• simple and perfect package to format your JavaScript / TypeScript / CSS using Prettier.

20) Code Spell Checker

• Spelling Checker for Visual Studio Code

21) Turbo Console log

• This extension make debugging much easier by automating the operation of writing meaningful log message.

22) Project Manager

• It helps you to easily access your projects, no matter where they are located. Don't miss that important projects anymore. You can define your own Favorite projects, or choose for auto-detect VSCode projects, Git, Mercurial and SVN repositories or any folder.

23) gitignore

• Language support for .gitignore files. Lets you pull .gitignore files from the https://github.com/github/gitignore repository.

24) Git History

• Git History, Search and More (including git log)

Happy Coding !