Awesome-Mirrors/awesome-vscode
1
0
Fork 0
mirror of https://github.com/viatsko/awesome-vscode.git synced 2024-10-01 01:05:39 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #165 from jonasbn/addressing_all_markdownlinter_issues

Browse Source 
Addressing Markdown issues pointed out by Markdownlint
This commit is contained in:
Valerii Iatsko 2018-10-08 11:10:00 +02:00 committed by GitHub
commit 8d7859ee3c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 67 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.markdownlint.json Normal file
View File

@ -0,0 +1,7 @@
{
"first-line-h1": false,
"no-duplicate-heading": false,
"html": false,
"line-length": false,
"blanks-around-headings": false
}

108
README.md
View File

@ -214,6 +214,7 @@ Unlike some other editors, VS Code supports IntelliSense, linting, outline out-o
## 1C ## 1C
- [1C/OScript](https://marketplace.visualstudio.com/items?itemName=xDrivenDevelopment.language-1c-bsl) - rich 1С:Enterprise 8 (BSL) language support in VSC - add syntax highlighting to *.bsl и *.os files in VSC, add IntelliSense and syntax helper for 1С lang - [1C/OScript](https://marketplace.visualstudio.com/items?itemName=xDrivenDevelopment.language-1c-bsl) - rich 1С:Enterprise 8 (BSL) language support in VSC - add syntax highlighting to *.bsl и *.os files in VSC, add IntelliSense and syntax helper for 1С lang
![1C-Syntax](https://cloud.githubusercontent.com/assets/1132840/13007621/9e730984-d1a2-11e5-8ff5-8f7945421184.PNG) ![1C-Syntax](https://cloud.githubusercontent.com/assets/1132840/13007621/9e730984-d1a2-11e5-8ff5-8f7945421184.PNG)
## Bash ## Bash
@ -227,18 +228,19 @@ Unlike some other editors, VS Code supports IntelliSense, linting, outline out-o
- [YouCompleteMe](https://marketplace.visualstudio.com/items?itemName=RichardHe.you-complete-me) - Provides semantic completions for C/C++ (and TypeScript, JavaScript, Objective-C, Golang, Rust) using [YouCompleteMe](http://valloric.github.io/YouCompleteMe/). - [YouCompleteMe](https://marketplace.visualstudio.com/items?itemName=RichardHe.you-complete-me) - Provides semantic completions for C/C++ (and TypeScript, JavaScript, Objective-C, Golang, Rust) using [YouCompleteMe](http://valloric.github.io/YouCompleteMe/).
- [C/C++ Clang Command Adapter](https://github.com/mitaki28/vscode-clang) - Completion and Diagnostic for C/C++/Objective-C using Clang command. - [C/C++ Clang Command Adapter](https://github.com/mitaki28/vscode-clang) - Completion and Diagnostic for C/C++/Objective-C using Clang command.
## C# ## C\#
- [C#](https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp) - Preview C# extension by [Microsoft](https://www.microsoft.com), read [official documentation](https://code.visualstudio.com/docs/languages/csharp) for the details - [C#](https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp) - Preview C# extension by [Microsoft](https://www.microsoft.com), read [official documentation](https://code.visualstudio.com/docs/languages/csharp) for the details
- [C# FixFormat](https://marketplace.visualstudio.com/items?itemName=Leopotam.csharpfixformat) - Fix format of usings / indents / braces / empty lines - [C# FixFormat](https://marketplace.visualstudio.com/items?itemName=Leopotam.csharpfixformat) - Fix format of usings / indents / braces / empty lines
- [C# Extensions](https://marketplace.visualstudio.com/items?itemName=jchannon.csharpextensions) - Provides extensions to the IDE that will speed up your development workflow. - [C# Extensions](https://marketplace.visualstudio.com/items?itemName=jchannon.csharpextensions) - Provides extensions to the IDE that will speed up your development workflow.
![C# Extensions](https://raw.githubusercontent.com/jchannon/csharpextensions/master/featureimages/fullpropfromctor.gif) ![C# Extensions](https://raw.githubusercontent.com/jchannon/csharpextensions/master/featureimages/fullpropfromctor.gif)
## CSS ## CSS
#### [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek) ### [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek)
> Peek or Jump to a CSS definition directly from HTML, just like in Brackets! > Peek or Jump to a CSS definition directly from HTML, just like in Brackets!
![CSS Peek](https://github.com/pranaygp/vscode-css-peek/blob/master/working.gif) ![CSS Peek](https://github.com/pranaygp/vscode-css-peek/blob/master/working.gif)
@ -289,7 +291,7 @@ See the difference between these two [here](https://github.com/michaelgmcd/vscod
> A VS Code extension to debug your JavaScript code in the Chrome browser, or other targets that support the Chrome Debugging Protocol. > A VS Code extension to debug your JavaScript code in the Chrome browser, or other targets that support the Chrome Debugging Protocol.
![](https://raw.githubusercontent.com/Microsoft/vscode-chrome-debug/master/images/screenshot.png) ![VS Code extension to debug your JavaScript code in the Chrome browser screenshot](https://raw.githubusercontent.com/Microsoft/vscode-chrome-debug/master/images/screenshot.png)
## TypeScript ## TypeScript
@ -309,15 +311,23 @@ These extensions provide slightly different sets of features. While the first on
- [PHP IntelliSense](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense) - [PHP IntelliSense](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense)
### Laravel ### Laravel
- [Laravel 5 Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel5-snippets) - Laravel 5 snippets for Visual Studio Code - [Laravel 5 Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel5-snippets) - Laravel 5 snippets for Visual Studio Code
- [Laravel Blade Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade) - Laravel blade snippets and syntax highlight support - [Laravel Blade Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade) - Laravel blade snippets and syntax highlight support
![](https://raw.githubusercontent.com/onecentlin/laravel-blade-snippets-vscode/master/images/screenshot.gif)
![Laravel blade snippets and syntax highlight support animation](https://raw.githubusercontent.com/onecentlin/laravel-blade-snippets-vscode/master/images/screenshot.gif)
- [Laravel Model Snippets](https://marketplace.visualstudio.com/items?itemName=ahinkle.laravel-model-snippets) - Quickly get models up and running with Laravel Model Snippets. - [Laravel Model Snippets](https://marketplace.visualstudio.com/items?itemName=ahinkle.laravel-model-snippets) - Quickly get models up and running with Laravel Model Snippets.
![](https://raw.githubusercontent.com/ahinkle/vscode-laravel-model-snippets/master/images/example.gif)
![Laravel Model Snippets animation](https://raw.githubusercontent.com/ahinkle/vscode-laravel-model-snippets/master/images/example.gif)
- [Laravel Artisan](https://marketplace.visualstudio.com/items?itemName=ryannaddy.laravel-artisan) - Laravel Artisan commands within Visual Studio Code - [Laravel Artisan](https://marketplace.visualstudio.com/items?itemName=ryannaddy.laravel-artisan) - Laravel Artisan commands within Visual Studio Code
![](https://raw.githubusercontent.com/TheColorRed/vscode-laravel-artisan/master/images/screens/make-controller.gif)
![Laravel Artisan commands within Visual Studio Code animation](https://raw.githubusercontent.com/TheColorRed/vscode-laravel-artisan/master/images/screens/make-controller.gif)
- [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) - Support for dotenv file syntax - [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) - Support for dotenv file syntax
![](https://raw.githubusercontent.com/mikestead/vscode-dotenv/master/images/screenshot.png)
![Support for dotenv file syntax screenshot](https://raw.githubusercontent.com/mikestead/vscode-dotenv/master/images/screenshot.png)
### Twig ### Twig
@ -364,21 +374,21 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Browse your database inside the vs code editor > Browse your database inside the vs code editor
![](https://media.giphy.com/media/fnK9fzP80e7YfO7JAq/giphy.gif) ![Browse your database inside the vs code editor animation](https://media.giphy.com/media/fnK9fzP80e7YfO7JAq/giphy.gif)
## [Azure IoT Toolkit](https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.azure-iot-toolkit) ## [Azure IoT Toolkit](https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.azure-iot-toolkit)
> Everything you need for the Azure IoT development: Interact with Azure IoT Hub, manage devices connected to Azure IoT Hub, and develop with code snippets for Azure IoT Hub > Everything you need for the Azure IoT development: Interact with Azure IoT Hub, manage devices connected to Azure IoT Hub, and develop with code snippets for Azure IoT Hub
![](https://raw.githubusercontent.com/formulahendry/vscode-azure-iot-toolkit/master/images/device-explorer.png) ![Code snippets for Azure IoT Hub screenshot](https://raw.githubusercontent.com/formulahendry/vscode-azure-iot-toolkit/master/images/device-explorer.png)
## [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks) ## [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)
> Mark lines and jump to them > Mark lines and jump to them
![](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/images/bookmarks-commands.png) ![Bookmarks command screenshot](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/images/bookmarks-commands.png)
![](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/images/bookmarks-toggle.png) ![Bookmarks toogle screenshot](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/images/bookmarks-toggle.png)
## [Copy Relative Path](https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path) ## [Copy Relative Path](https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path)
@ -388,24 +398,24 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> An extension to quickly generate test files. > An extension to quickly generate test files.
![](https://media.giphy.com/media/1iqPhENd8SLd9SggeX/giphy.gif) ![Create tests extension animation](https://media.giphy.com/media/1iqPhENd8SLd9SggeX/giphy.gif)
## [Deploy](https://marketplace.visualstudio.com/items?itemName=mkloubert.vs-deploy) ## [Deploy](https://marketplace.visualstudio.com/items?itemName=mkloubert.vs-deploy)
> Commands for upload or copy files of a workspace to a destination. > Commands for upload or copy files of a workspace to a destination.
![](https://raw.githubusercontent.com/mkloubert/vs-deploy/master/img/demo.gif) ![Upload/copy files animation](https://raw.githubusercontent.com/mkloubert/vs-deploy/master/img/demo.gif)
### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi) ### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi)
> Generating .gitignore files made easy. > Generating .gitignore files made easy.
![](https://raw.githubusercontent.com/hasit/vscode-gi/master/assets/gi.gif) ![.gitignore generation animation](https://raw.githubusercontent.com/hasit/vscode-gi/master/assets/gi.gif)
## [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory) ## [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)
> View git log, file or line History > View git log, file or line History
![](https://raw.githubusercontent.com/DonJayamanne/gitHistoryVSCode/master/images/fileHistoryCommand.gif) ![View git log, file or line history animation](https://raw.githubusercontent.com/DonJayamanne/gitHistoryVSCode/master/images/fileHistoryCommand.gif)
## [Git Project Manager](https://marketplace.visualstudio.com/items?itemName=felipecaputo.git-project-manager) ## [Git Project Manager](https://marketplace.visualstudio.com/items?itemName=felipecaputo.git-project-manager)
@ -415,27 +425,25 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> GoTo current file's online link in browser and Copy the link in clipboard. > GoTo current file's online link in browser and Copy the link in clipboard.
![](https://raw.githubusercontent.com/qinezh/vscode-gitlink/master/images/how_to_use_it.gif) ![GoTo current file online animation](https://raw.githubusercontent.com/qinezh/vscode-gitlink/master/images/how_to_use_it.gif)
## [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) ## [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
> Provides Git CodeLens information (most recent commit, # of authors), on-demand inline blame annotations, status bar blame information, file and blame history explorers, and commands to compare changes with the working tree or previous versions. > Provides Git CodeLens information (most recent commit, # of authors), on-demand inline blame annotations, status bar blame information, file and blame history explorers, and commands to compare changes with the working tree or previous versions.
![](https://raw.githubusercontent.com/eamodio/vscode-git-codelens/master/images/gitlens-preview1.gif) ![GitLens inline git information animation](https://raw.githubusercontent.com/eamodio/vscode-git-codelens/master/images/gitlens-preview1.gif)
## [Git Indicators](https://marketplace.visualstudio.com/items?itemName=lamartire.git-indicators) ## [Git Indicators](https://marketplace.visualstudio.com/items?itemName=lamartire.git-indicators)
> Atom like git indicators on active panel > Atom like git indicators on active panel
![](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/added.png) ![git added indicator screenshot](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/added.png)
![](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/removed.png) ![git removed indicator screenshot](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/removed.png)
![](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/modified.png) ![git modified indicator screenshot](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/modified.png)
## [GitHub](https://marketplace.visualstudio.com/items?itemName=KnisterPeter.vscode-github) ## [GitHub](https://marketplace.visualstudio.com/items?itemName=KnisterPeter.vscode-github)
> Provides GitHub workflow support. For example browse project, issues, file (the current line), create and manage pull request. Support for other providers (e.g. gitlab or bitbucket) is planned. > Provides GitHub workflow support. For example browse project, issues, file (the current line), create and manage pull request. Support for other providers (e.g. gitlab or bitbucket) is planned.
> Have a look at the [README.md](https://github.com/KnisterPeter/vscode-github/blob/master/README.md) on how to get started with the setup for this extension. > Have a look at the [README.md](https://github.com/KnisterPeter/vscode-github/blob/master/README.md) on how to get started with the setup for this extension.
## [GitHub Pull Request Monitor](https://marketplace.visualstudio.com/items?itemName=erichbehrens.pull-request-monitor) ## [GitHub Pull Request Monitor](https://marketplace.visualstudio.com/items?itemName=erichbehrens.pull-request-monitor)
@ -473,7 +481,7 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> View and run your .NET Core tests directly in the editor. > View and run your .NET Core tests directly in the editor.
![](https://raw.githubusercontent.com/formulahendry/vscode-dotnet-test-explorer/master/images/test-explorer.gif) ![View and run your .NET Core tests directly in the editor animation](https://raw.githubusercontent.com/formulahendry/vscode-dotnet-test-explorer/master/images/test-explorer.gif)
## [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) ## [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)
@ -497,19 +505,19 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Visual Studio Code plugin that autocompletes filenames > Visual Studio Code plugin that autocompletes filenames
![](https://i.giphy.com/iaHeUiDeTUZuo.gif) ![Autocompletion for filenames animation](https://i.giphy.com/iaHeUiDeTUZuo.gif)
## [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager) ## [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager)
> Easily switch between projects. > Easily switch between projects.
![](https://raw.githubusercontent.com/alefragnani/vscode-project-manager/master/images/project-manager-commands.png) ![Switch between projects screenshot](https://raw.githubusercontent.com/alefragnani/vscode-project-manager/master/images/project-manager-commands.png)
## [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client) ## [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client)
> Allows you to send HTTP request and view the response in Visual Studio Code directly. > Allows you to send HTTP request and view the response in Visual Studio Code directly.
![](https://raw.githubusercontent.com/Huachao/vscode-restclient/master/images/usage.gif) ![Send HTTP request and view response animation](https://raw.githubusercontent.com/Huachao/vscode-restclient/master/images/usage.gif)
## [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) ## [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)
@ -533,7 +541,7 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Scaffold projects using [Yeoman](http://yeoman.io/) > Scaffold projects using [Yeoman](http://yeoman.io/)
![](https://raw.githubusercontent.com/SamVerschueren/vscode-yo/master/media/yo.gif) ![Using yeoman animation](https://raw.githubusercontent.com/SamVerschueren/vscode-yo/master/media/yo.gif)
# Formatting & Beautification # Formatting & Beautification
@ -549,13 +557,13 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text > Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
![](https://raw.githubusercontent.com/formulahendry/vscode-auto-close-tag/master/images/usage.gif) ![Automatically add close tags animation](https://raw.githubusercontent.com/formulahendry/vscode-auto-close-tag/master/images/usage.gif)
## [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) ## [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
> Auto rename paired HTML/XML tags > Auto rename paired HTML/XML tags
![](https://raw.githubusercontent.com/formulahendry/vscode-auto-rename-tag/master/images/usage.gif) ![Auto rename paired HTML/XML tags animation](https://raw.githubusercontent.com/formulahendry/vscode-auto-rename-tag/master/images/usage.gif)
## [beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify) ## [beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)
@ -569,31 +577,31 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Transform quotes of ECMAScript string literals > Transform quotes of ECMAScript string literals
![](https://cloud.githubusercontent.com/assets/970430/10563944/4cc04462-75d1-11e5-984b-41e0a21a72c3.gif) ![Transform quotes of ECMAScript string literals animation](https://cloud.githubusercontent.com/assets/970430/10563944/4cc04462-75d1-11e5-984b-41e0a21a72c3.gif)
## [Paste and Indent](https://marketplace.visualstudio.com/items?itemName=Rubymaniac.vscode-paste-and-indent) ## [Paste and Indent](https://marketplace.visualstudio.com/items?itemName=Rubymaniac.vscode-paste-and-indent)
> Paste code with "correct" indentation > Paste code with "correct" indentation
![](https://github.com/vikrantnegi/vscode-personal-preference-setting/blob/master/screenshots/pasteandindent.gif) ![Indentation of pasted code animation](https://github.com/vikrantnegi/vscode-personal-preference-setting/blob/master/screenshots/pasteandindent.gif)
## [Sort Lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines) ## [Sort Lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines)
> Sorts lines of text in specific order > Sorts lines of text in specific order
![](https://raw.githubusercontent.com/Tyriar/vscode-sort-lines/master/images/usage-animation.gif) ![Sorts lines of text in specific order animation](https://raw.githubusercontent.com/Tyriar/vscode-sort-lines/master/images/usage-animation.gif)
## [Surround](https://marketplace.visualstudio.com/items?itemName=yatki.vscode-surround) ## [Surround](https://marketplace.visualstudio.com/items?itemName=yatki.vscode-surround)
> A simple yet powerful extension to add wrapper templates around your code blocks. > A simple yet powerful extension to add wrapper templates around your code blocks.
![](https://raw.githubusercontent.com/yatki/vscode-surround/master/images/demo.gif) ![Wrap a template around a code block](https://raw.githubusercontent.com/yatki/vscode-surround/master/images/demo.gif)
## [Wrap Selection](https://marketplace.visualstudio.com/items?itemName=konstantin.wrapSelection) ## [Wrap Selection](https://marketplace.visualstudio.com/items?itemName=konstantin.wrapSelection)
> Wraps selection or multiple selections with symbol or multiple symbols > Wraps selection or multiple selections with symbol or multiple symbols
![](https://github.com/gko/wrap/blob/master/features.gif) ![Wraps selection or multiple selections with symbol or multiple symbols animation](https://github.com/gko/wrap/blob/master/features.gif)
## [Formatting Toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle) ## [Formatting Toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle)
@ -634,14 +642,13 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script > Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script
![](https://raw.githubusercontent.com/formulahendry/vscode-code-runner/master/images/usage.gif) ![Run a snippet or file animation](https://raw.githubusercontent.com/formulahendry/vscode-code-runner/master/images/usage.gif)
## [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) ## [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
> Highlight web colors in your editor > Highlight web colors in your editor
![](https://cdn-images-1.medium.com/max/1600/1*ZwE7OHKR5opvDCJJOw9KeQ.png) ![Highlight web colors in your editor screenshot](https://cdn-images-1.medium.com/max/1600/1*ZwE7OHKR5opvDCJJOw9KeQ.png)
## [Output Colorizer](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer) ## [Output Colorizer](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer)
> Syntax highlighting for the VS Code Output Panel and log files > Syntax highlighting for the VS Code Output Panel and log files
@ -652,7 +659,7 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Dash integration in Visual Studio Code > Dash integration in Visual Studio Code
![](https://cdn-images-1.medium.com/max/2000/1*sqGllC-pgXNaEBfB-cxG9Q.png) ![Dash integration screenshot](https://cdn-images-1.medium.com/max/2000/1*sqGllC-pgXNaEBfB-cxG9Q.png)
## [Edit with Shell Command](https://marketplace.visualstudio.com/items?itemName=ryu1kn.edit-with-shell) ## [Edit with Shell Command](https://marketplace.visualstudio.com/items?itemName=ryu1kn.edit-with-shell)
@ -668,50 +675,49 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> Auto-sync your work to remote FTP server > Auto-sync your work to remote FTP server
![](https://i.imgur.com/W9h4pwW.gif) ![Auto-sync your work to remote FTP server animation](https://i.imgur.com/W9h4pwW.gif)
## [PlatformIO](https://marketplace.visualstudio.com/items?itemName=formulahendry.platformio) ## [PlatformIO](https://marketplace.visualstudio.com/items?itemName=formulahendry.platformio)
> An open source ecosystem for IoT development: supports 350+ embedded boards, 20+ development platforms, 10+ frameworks. Arduino and ARM mbed compatible. > An open source ecosystem for IoT development: supports 350+ embedded boards, 20+ development platforms, 10+ frameworks. Arduino and ARM mbed compatible.
![](https://raw.githubusercontent.com/formulahendry/vscode-platformio/master/images/build.gif) ![Build using platformio animation](https://raw.githubusercontent.com/formulahendry/vscode-platformio/master/images/build.gif)
## [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) ## [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode)
> Polaroid for your code 📸. > Polaroid for your code 📸.
![](https://raw.githubusercontent.com/octref/polacode/master/demo/usage.gif ) ![Make a polaroid image of your code animation](https://raw.githubusercontent.com/octref/polacode/master/demo/usage.gif)
## [Quokka](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode) ## [Quokka](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode)
> Rapid prototyping playground for JavaScript and TypeScript in VS Code, with access to your project's files, inline reporting, code coverage and rich output formatting. > Rapid prototyping playground for JavaScript and TypeScript in VS Code, with access to your project's files, inline reporting, code coverage and rich output formatting.
![](https://quokkajs.com/assets/img/vsc1.gif) ![Integrated JavaScript/TypeScript playground animation](https://quokkajs.com/assets/img/vsc1.gif)
## [Remote Workspace](https://marketplace.visualstudio.com/items?itemName=mkloubert.vscode-remote-workspace) ## [Remote Workspace](https://marketplace.visualstudio.com/items?itemName=mkloubert.vscode-remote-workspace)
> Multi protocol support for things, like Azure blobs, S3 buckets, Dropbox, (S)FTP or WebDAV files, by using new [FileSystem API](https://code.visualstudio.com/docs/extensionAPI/vscode-api#FileSystemProvider), especially for accessing resources like local files and folders in the editor as [workspace folders](https://code.visualstudio.com/docs/editor/multi-root-workspaces). > Multi protocol support for things, like Azure blobs, S3 buckets, Dropbox, (S)FTP or WebDAV files, by using new [FileSystem API](https://code.visualstudio.com/docs/extensionAPI/vscode-api#FileSystemProvider), especially for accessing resources like local files and folders in the editor as [workspace folders](https://code.visualstudio.com/docs/editor/multi-root-workspaces).
![](https://raw.githubusercontent.com/mkloubert/vscode-remote-workspace/master/img/demo1.gif) ![Remote Workspace animation](https://raw.githubusercontent.com/mkloubert/vscode-remote-workspace/master/img/demo1.gif)
## [Runner](https://marketplace.visualstudio.com/items?itemName=mattn.Runner) ## [Runner](https://marketplace.visualstudio.com/items?itemName=mattn.Runner)
> Run various scripts right from VS Code > Run various scripts right from VS Code
![](https://raw.githubusercontent.com/mattn/vscode-runner/master/images/screenshot.gif) ![Run various scripts right from VS Code animation](https://raw.githubusercontent.com/mattn/vscode-runner/master/images/screenshot.gif)
## [Slack](https://marketplace.visualstudio.com/items?itemName=sozercan.slack) ## [Slack](https://marketplace.visualstudio.com/items?itemName=sozercan.slack)
> Send messages and code snippets, upload files to Slack > Send messages and code snippets, upload files to Slack
![](https://raw.githubusercontent.com/sozercan/vscode-slack/master/slack-upload.gif) ![Send messages or code snippets to Slack animation](https://raw.githubusercontent.com/sozercan/vscode-slack/master/slack-upload.gif)
### [Spotify](https://marketplace.visualstudio.com/items?itemName=shyykoserhiy.vscode-spotify) ### [Spotify](https://marketplace.visualstudio.com/items?itemName=shyykoserhiy.vscode-spotify)
> Provides integration with Spotify Desktop client. Shows the currently playing song in status bar, search lyrics and provides commands for controlling Spotify with buttons and hotkeys. > Provides integration with Spotify Desktop client. Shows the currently playing song in status bar, search lyrics and provides commands for controlling Spotify with buttons and hotkeys.
![vscode-spotify](https://media.giphy.com/media/3ohhwMgeIj1MhEdBJe/giphy.gif) ![vscode-spotify](https://media.giphy.com/media/3ohhwMgeIj1MhEdBJe/giphy.gif)
## [SVG Viewer](https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer) ## [SVG Viewer](https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer)
> View an SVG in the editor and export it as data URI scheme or PNG. > View an SVG in the editor and export it as data URI scheme or PNG.
@ -894,6 +900,7 @@ An arctic, north-bluish clean and elegant Visual Studio Code theme.
# Resources for extension developers # Resources for extension developers
## Documentation ## Documentation
- [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) - The Better Comments extension will help you create more human-friendly comments in your code. - [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) - The Better Comments extension will help you create more human-friendly comments in your code.
- [Extending Visual Studio Code](https://code.visualstudio.com/docs/extensions/overview) section of [Official Documentation](https://code.visualstudio.com/docs) - [Extending Visual Studio Code](https://code.visualstudio.com/docs/extensions/overview) section of [Official Documentation](https://code.visualstudio.com/docs)
@ -903,14 +910,19 @@ An arctic, north-bluish clean and elegant Visual Studio Code theme.
- [vscode-test-content](https://github.com/mlewand-org/vscode-test-content) - A method to set/get editor content, and it's selection. Especially useful for unit tests. - [vscode-test-content](https://github.com/mlewand-org/vscode-test-content) - A method to set/get editor content, and it's selection. Especially useful for unit tests.
## Tools ## Tools
- [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building.
- [Online TextMate Themes Editor](http://tmtheme-editor.herokuapp.com/) - since VS Code supports TextMate themes, you can create them in this online editor and then create a new VS Code package using [Yo Code](https://code.visualstudio.com/docs/extensions/yocode) tool - [Online TextMate Themes Editor](http://tmtheme-editor.herokuapp.com/) - since VS Code supports TextMate themes, you can create them in this online editor and then create a new VS Code package using [Yo Code](https://code.visualstudio.com/docs/extensions/yocode) tool
- [Yo Code - Extension Generator](https://code.visualstudio.com/docs/extensions/yocode) - [Yo Code - Extension Generator](https://code.visualstudio.com/docs/extensions/yocode)
- [Open in Code](https://github.com/sozercan/OpenInCode) - macOS Finder toolbar app to open current folder in Visual Studio Code - [Open in Code](https://github.com/sozercan/OpenInCode) - macOS Finder toolbar app to open current folder in Visual Studio Code
![](https://camo.githubusercontent.com/edbae5fe27d6c7af23218e60cb07e3a5061bbbab/687474703a2f2f692e696d6775722e636f6d2f4c6d56484978572e676966)
![macOS Finder toolbar app to open current folder in Visual Studio Code animation](https://camo.githubusercontent.com/edbae5fe27d6c7af23218e60cb07e3a5061bbbab/687474703a2f2f692e696d6775722e636f6d2f4c6d56484978572e676966)
- [Themer](https://themer.mjswensen.com) - Easily create your own theme for VS Code (and matching ones for your other tools). - [Themer](https://themer.mjswensen.com) - Easily create your own theme for VS Code (and matching ones for your other tools).
- [Azure Tools for Visual Studio Code](https://github.com/bradygaster-zz/azure-tools-vscode) - This extension for Visual Studio Code gives Azure developers some convenient commands for creating or accessing resources directly in the editor. - [Azure Tools for Visual Studio Code](https://github.com/bradygaster-zz/azure-tools-vscode) - This extension for Visual Studio Code gives Azure developers some convenient commands for creating or accessing resources directly in the editor.
![azure-tools-vscode](https://raw.githubusercontent.com/johnpapa/vscode-azure-functions-tools/master/images/json-schema-function.gif)
![azure-tools-vscode](https://raw.githubusercontent.com/johnpapa/vscode-azure-functions-tools/master/images/json-schema-function.gif)
- [Mark down preview](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced) - Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown. - [Mark down preview](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced) - Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown.
# Contribute # Contribute