JS Hacker Pack

About

Opinionated collection of Visual Studio Code extensions focused on Javascript development.

Extensions

Javascript

• Prettier - JavaScript formatter - VS Code plugin for prettier/prettier.
• Path Intellisense - Visual Studio Code plugin that autocompletes filenames.
• npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements.
• CodeMetrics - Computes complexity in TypeScript / JavaScript files.
• Debugger for Chrome - Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.
• Npm Dependency
• Babel JavaScript - VSCode syntax highlighting for today's JavaScript, ported from gandm's language-babel for Atom.

Git

• Better Merge - Improved git merge conflict support.
• Git History (git log) - View git log, file or line history.
• GitLens - Provides Git CodeLens information (most recent commit, # of authors), on-demand inline blame annotations, status bar blame information, file & blame history explorers, and commands to compare changes.
• Open in GitHub / Bitbucket / VisualStudio.com - Jump to a source code line in Github / Bitbucket / VisualStudio.com.

HTML

• Auto Close Tag - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.
• Auto Rename Tag - Auto rename paired HTML/XML tag.

CSS

• CSS Peek - Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.
• IntelliSense for CSS class names - Provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace. Also supports React's className attribute.

Other

• Color Highlight - Highlight web colors in your editor.
• TODO Highlight - highlight TODOs, FIXMEs, and any keywords, annotations...
• SVG Viewer - SVG Viewer for Visual Studio Code.
• Rainbow Brackets - A rainbow brackets extension for VS Code.
• EditorConfig for VS Code - EditorConfig Support for Visual Studio Code.
• Guides - An extension for more guide lines.
• change-case - Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word
• Bracket Pair Colorizer - A customizable extension for colorizing matching brackets
• Markdown All in One - All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more).
• Docker - Adds syntax highlighting, snippets, commands, hover tips, and linting for Dockerfile and docker-compose files.
• DotENV - Support for dotenv file syntax

Contribute

Contributions are welcome!

1. Fork it.
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Or open up a issue.

License

Licensed under the MIT License.