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.
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
.tsand.tsxfile type but you can add your file types also.
adding support for js and jsx file.
"autoimport.filesToScan": "**/*.{ts,tsx,js,jsx}"You can also modify other settings. Find out more Auto Import.
- The Better Comments extension will help you create more human-friendly comments in your code.
See more here Better Comment.
- With use of extension you will be able to bookmark you code line and easily access it.
- It's makes your life litter more easy when are writing very complex login with many more brackets.
- It just help you sometime while you are styling.
- Debug your JavaScript code running in Google Chrome from VS Code
- Document This is a Visual Studio Code extension that automatically generates detailed JSDoc comments for both TypeScript and JavaScript files.
- This extension provides you JavaScript and React/Redux snippets in ES7 with Babel plugin features for VS Code.
- 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.
- 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.
- 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.
- 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.
- All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more).
- The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.
- The Material Theme provides very good themes on Material Design for Visual Studio Code.
- 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.
- visual Studio Code plugin that autocompletes npm modules in import statements
- visual Studio Code plugin that autocompletes filenames.
- simple and perfect package to format your JavaScript / TypeScript / CSS using Prettier.
- Spelling Checker for Visual Studio Code
- This extension make debugging much easier by automating the operation of writing meaningful log message.
- 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.
- Language support for .gitignore files. Lets you pull .gitignore files from the https://github.com/github/gitignore repository.
- Git History, Search and More (including git log)
Happy Coding !