View source for Visual Studio Code Extensions

[[Category:Visual Studio]]
[[Category:Code]]
[[Category:Bootstrap]]
[[Category:Bootstrap4]]
[[Category:CSS]]
[[Category:React]]
[[Category:Angular]]
[[Category:Node.js]]
== Turbo Console Log ==
This extension make debugging much easier by automating the operation of writing meaningful log message.

[https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log]
== Live Server ==
Launch a development local server with live reload feature for static & dynamic pages 

[https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer]
== JSON to Code ==
Converts your JSON into a interface usable in strong-typed languages with a single command.

[https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype]

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

[https://marketplace.visualstudio.com/items?itemName=steoates.autoimport Download]
== Import Cost ==
This extension will display inline in the editor the size of the imported package. The extension utilizes Webpack with the babili-webpack-plugin in order to detect the imported size.

[https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost Download]
== Indent-Rainbow ==
A simple extension to make indentation more readable.

[https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow Download]
== IntelliSense for CSS class names in HTML
A VSCode extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.

[https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion Download]
== SVG Viewer ==
An easy way to preview SVGs.

[https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer Download]]
== Prettier — Code formatter ==
Can’t live without this one — VSCode package to format your JavaScript / TypeScript / CSS using Prettier.

[https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Download]
== React Native Tools ==
Code-hinting, debugging, and integrated commands for React Native

[https://marketplace.visualstudio.com/items?itemName=vsmobile.vscode-react-native Download]
== Sublime Text Keymap and Settings Importer ==
[https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings Download]]

This extension converts visual studio code bindings to the same as ST3. Give it a spin and try this:

 cmd ⌘ + P — Mac

 ctrl + P — Windows


You can go to files, and also if you add the > symbol in front of the search you can search for actions, like toggling the built-in terminal, installing extensions, and so on.

Big win for those of us who are used to ST3 shortcuts. 🎉

== npm Intellisense ==
VSCode plugin that autocompletes npm modules in import statements.

[https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense Download]
== lit-html ==
Adds syntax highlighting and language support for HTML inside of JavaScript and TypeScript tagged template strings, as is used in lit-html and other frameworks.

[https://marketplace.visualstudio.com/items?itemName=bierner.lit-html Download]
== highlight-matching-tag ==
This extension is intended to provide the missing functionality that should be built-in out of the box in VSCode — to highlight matching opening or closing tags.

[https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag Download]
== GitLens — Git supercharged ==

[https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens Download]
== Git Project Manager ==
Git Project Manager (GPM) is a Microsoft VSCode extension that allows you to open a new window targeting a git repository directly from a VSCode window.

[https://marketplace.visualstudio.com/items?itemName=felipecaputo.git-project-manager Download]
== Git History ==
View a git log or file history, and compare branches or commits

[https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory Download]
== File Utils ==
A convenient way of creating, duplicating, moving, renaming and deleting files and directories.

[https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils Download]
== Bracket Pair Colorizer ==
A customizable extension for colorizing matching brackets. Super useful when working with a lot of callbacks.

[https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer Download]
== Color Highlight ==
This extension styles CSS/web colors found in your document.

[https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight Download]
== CSS Peek ==
Allow peeking to CSS ID and class strings as definitions from HTML files to respective CSS. Allows peek and goto definition.

[https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek Download]
== Debugger for Chrome ==
Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

[https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome Download]
== Quokka.js ==
Live Scratchpad for JavaScript (useful for quick demos).

[https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode Download]
== Trailing Spaces ==
Highlight trailing spaces and delete them in a flash!

[https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces#user-content-installation Download]
== TypeScript Hero ==
[https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero Download]
== WakaTime ==
Metrics, insights, and time tracking, automatically generated from your programming activity.

[https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime Download]
== Vetur ==
Vue tooling for VSCode

[https://marketplace.visualstudio.com/items?itemName=octref.vetur Download]
== Code Runner ==
Run a code snippet or code file for multiple languages.

[https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner Download]

== vscode-icons ==
Icons for VSCode.

[https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons Download]

== Jest ==
Use Facebook’s Jest With Pleasure.

[https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest Download]

== React.js code snippets ==
Code snippets for React.js development in ES6 syntax.

[https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets Download]