Awesome-Mirrors/awesome-vscode
1
0
Fork 0
mirror of https://github.com/viatsko/awesome-vscode.git synced 2024-06-26 14:12:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' into master

Browse Source
This commit is contained in:
Muhammad Ubaid Raza 2018-10-11 14:52:27 +05:00 committed by GitHub
commit 6635522052
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 145 additions and 79 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
}

217
README.md
View File

@ -15,18 +15,21 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
- [Official](#official)
- [Syntax](#syntax)
- [Editor Keymaps](#editor-keymaps)
- [Migrating from other editors](#migrating-from-other-editors)
- [Migrating from Vim](#migrating-from-vim)
- [Migrating from Atom](#migrating-from-atom)
- [Migrating from Sublime Text](#migrating-from-sublime-text)
- [Migrating from Visual Studio](#migrating-from-visual-studio)
- [Migrating from Intellij IDEA](#migrating-from-intellij-idea)
- [Lint and IntelliSense](#lint-and-intellisense)
- [1C](#1c)
- [Bash](#bash)
- [C++](#c)
- [C#](#c)
- [CSS](#css)
- [Go](#go)
- [Haskell](#haskell)
- [Shell](#shell)
- [Java](#java)
- [JavaScript](#javascript)
- [Typescript](#typescript)
@ -40,10 +43,11 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
- [Python](#python)
- [ReasonML](#reasonml)
- [Rust](#rust)
- [Terraform](#terraform)
- [Productivity](#productivity)
- [Azure Cosmos DB](#azure-cosmos-db)
- [Azure IoT Toolkit](#azure-iot-toolkit)
- [Bookmarks](#bookmarks)
- [Copy Relative Path](#copy-relative-path)
- [Create tests](#create-tests)
- [Deploy](#deploy)
- [Gi](#gi)
@ -67,7 +71,7 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
- [Project Manager](#project-manager)
- [REST Client](#rest-client)
- [Settings Sync](#settings-sync)
- [Todo tree](#todo-tree)
- [Todo Tree](#todo-tree)
- [Toggle Quotes](#toggle-quotes)
- [Yo](#yo)
- [Formatting/Beautification](#formatting--beautification)
@ -75,20 +79,23 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
- [Auto Close Tag](#auto-close-tag)
- [Auto Rename Tag](#auto-rename-tag)
- [beautify](#beautify)
- [html2pug](#html2pug)
- [ECMAScript Quotes Transformer](#ecmascript-quotes-transformer)
- [Paste and Indent](#paste-and-indent)
- [Sort Lines](#sort-lines)
- [Surround](#surround)
- [Wrap Selection](#wrap-selection)
- [html2pug](#html2pug)
- [Formatting Toggle](#formatting-toggle)
- [Bracket Pair Colorizer](#bracket-pair-colorizer)
- [Prettier](#prettier-vscode)
- [Auto Import](#auto-import)
- [Explorer Icons](#explorer-icons)
- [City Lights Icons](#city-lights-icons)
- [VSCode Icons](#vscode-icons)
- [Seti-UI](#seti-icons)
- [Material-Icon-Theme](#material-icon-theme)
- [Uncategorized](#uncategorized)
- [Carbon-now-sh](#carbon-now-sh)
- [Code Runner](#code-runner)
- [Color Highlight](#color-highlight)
- [Output Colorizer](#output-colorizer)
@ -99,6 +106,7 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
- [Editor Config for VS Code](#editor-config-for-vs-code)
- [ftp-sync](#ftp-sync)
- [PlatformIO](#platformio)
- [Polacode](#polacode)
- [Quokka](#quokka)
- [Remote Workspace](#remote-workspace)
- [Runner](#runner)
@ -106,7 +114,6 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
- [Spotify](#spotify)
- [SVG Viewer](#svg-viewer)
- [Text Marker (Highlighter)](#text-marker-highlighter)
- [Vim Mode](#vim-mode)
- [Themes](#themes)
- [An Old Hope Theme by Dustin Sanders](#an-old-hope-theme-by-dustin-sanders)
- [Ariake Dark by wart](#ariake-dark-by-wart)
@ -122,10 +129,12 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/
- [GitHub Theme by Thomas Pink](#github-theme-by-thomas-pink)
- [Material Palenight Theme by whizkydee](#material-palenight-theme-by-whizkydee)
- [Material Theme by Mattia Astorino](#material-theme-by-mattia-astorino)
- [Mno by u29dc](#mno-by-u29dc)
- [Night Owl by Sarah Drasner](#night-owl-by-sarah-drasner)
- [Plastic by Will Stone](#plastic-by-will-stone)
- [Nord by arcticicestudio](#nord-by-arcticicestudio)
- [Shades of Purple by Ahmad Awais](#shades-of-purple-by-ahmad-awais)
- [People to Follow](#people-to-follow)
- [Resources for extension developers](#resources-for-extension-developers)
- [Documentation](#documentation)
- [Libraries](#libraries)
@ -178,10 +187,14 @@ Language packages extend the editor with syntax highlighting and/or snippets for
- [VEX](https://marketplace.visualstudio.com/items?itemName=melmass.vex)
- [Zephir](https://marketplace.visualstudio.com/items?itemName=zephir-lang.zephir)
# Editor Keymaps
# Migrating from other editors
The VSCode team provides keymaps from popular editors, making the transition to VSCode almost seamless and easy.
## [Migrating from Vim](https://marketplace.visualstudio.com/items?itemName=vscodevim.vim)
> **Vim Mode** - Relatively new, but promising extension implementing Vim features in VSCode. Authors suggest to join their [Slack channel](https://vscodevim-slackin.azurewebsites.net/) for feature requests on your favorite Vim features
## [Migrating from Atom](https://marketplace.visualstudio.com/items?itemName=ms-vscode.atom-keybindings)
> Popular Atom keybindings for Visual Studio Code
@ -205,11 +218,16 @@ In case the awesome nirvana that is linting has not yet been unleashed upon you:
Unlike some other editors, VS Code supports IntelliSense, linting, outline out-of-the-box and doesn't require any separate extension to run linter packages. Some linters are already integrated in VS Code, you can find the full list in the official documentation, [Languages](https://code.visualstudio.com/Docs/languages/overview) section.
### 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-Syntax](https://cloud.githubusercontent.com/assets/1132840/13007621/9e730984-d1a2-11e5-8ff5-8f7945421184.PNG)
## Bash
- [Bash IDE](https://marketplace.visualstudio.com/items?itemName=mads-hartmann.bash-ide-vscode)
## C++
- [C/C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools) - Preview C/C++ extension by [Microsoft](https://www.microsoft.com), read [official blog post](https://blogs.msdn.microsoft.com/vcblog/2016/03/31/cc-extension-for-visual-studio-code/) for the details
@ -217,18 +235,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/).
- [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# 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://raw.githubusercontent.com/jchannon/csharpextensions/master/featureimages/fullpropfromctor.gif)
## 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!
![CSS Peek](https://github.com/pranaygp/vscode-css-peek/blob/master/working.gif)
@ -249,6 +268,9 @@ Unlike some other editors, VS Code supports IntelliSense, linting, outline out-o
## Haskell
- [haskell-linter](https://marketplace.visualstudio.com/items?itemName=hoovercj.haskell-linter)
## Shell
- [autocomplate-shell](https://marketplace.visualstudio.com/items?itemName=truman.autocomplate-shell)
## Java
@ -276,7 +298,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.
![](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
@ -296,15 +318,23 @@ These extensions provide slightly different sets of features. While the first on
- [PHP IntelliSense](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense)
### Laravel
- [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
![](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.
![](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
![](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
![](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
@ -345,54 +375,54 @@ To enable Emmet support in .twig files, you'll need to have the following in you
- [Rust](https://marketplace.visualstudio.com/items?itemName=kalitaalexey.vscode-rust) - Linting, auto-completion, code formatting, snippets and more
## Terraform
- [Terraform](https://marketplace.visualstudio.com/items?itemName=mauve.terraform) - Syntax highlighting, linting, formatting, and validation for Hashicorp's Terraform
# Productivity
## [Azure Cosmos DB](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-cosmosdb)
> 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)
> 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)
> 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)
## [Copy Relative Path](https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path)
> Copy Relative Path from a File
![Bookmarks toogle screenshot](https://raw.githubusercontent.com/alefragnani/vscode-bookmarks/master/images/bookmarks-toggle.png)
## [Create tests](https://marketplace.visualstudio.com/items?itemName=hardikmodha.create-tests)
> 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)
> 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)
> 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)
> 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)
@ -402,27 +432,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.
![](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)
> 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)
> Atom like git indicators on active panel
![](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/added.png)
![](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 added indicator screenshot](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/added.png)
![git removed indicator screenshot](https://raw.githubusercontent.com/lamartire/vscode-git-indicators/master/preview/removed.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)
> 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.
## [GitHub Pull Request Monitor](https://marketplace.visualstudio.com/items?itemName=erichbehrens.pull-request-monitor)
@ -460,7 +488,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.
![](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)
@ -468,7 +496,6 @@ To enable Emmet support in .twig files, you'll need to have the following in you
![npm-intellisense](https://raw.githubusercontent.com/ChristianKohler/NpmIntellisense/master/images/auto_complete.gif)
## [Partial Diff](https://marketplace.visualstudio.com/items?itemName=ryu1kn.partial-diff)
> Compare (diff) text selections within a file, across different files, or to the clipboard
@ -481,23 +508,23 @@ To enable Emmet support in .twig files, you'll need to have the following in you
![Paste JSON as Code](https://raw.githubusercontent.com/quicktype/quicktype-vscode/master/media/demo.gif)
## [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
## [Path IntelliSense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
> 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)
> 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)
> 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)
@ -521,7 +548,7 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> 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
@ -537,47 +564,51 @@ 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
![](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 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 code in place for VS Code
### [html2pug](https://marketplace.visualstudio.com/items?itemName=dbalas.vscode-html2pug)
> Transform html to pug inside your Visual Studio Code, forget about using an external page anymore.
## [ECMAScript Quotes Transformer](https://marketplace.visualstudio.com/items?itemName=vilicvane.es-quotes)
> 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 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)
> 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)
> 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)
> 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)
@ -616,24 +647,19 @@ To enable Emmet support in .twig files, you'll need to have the following in you
![Material Icon Theme](https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/master/images/fileIcons.png)
## [html2pug](https://marketplace.visualstudio.com/items?itemName=dbalas.vscode-html2pug)
> Transform html to pug inside your Visual Studio Code, forget about using an external page anymore.
# Uncategorized
## [Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)
> 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)
> 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)
> Syntax highlighting for the VS Code Output Panel and log files
@ -644,7 +670,7 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> 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)
@ -660,51 +686,53 @@ To enable Emmet support in .twig files, you'll need to have the following in you
> 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)
> 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)
> 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)
## [carbon-now-sh](https://marketplace.visualstudio.com/items?itemName=ericadamski.carbon-now-sh)
> Send your code to [carbon.now.sh](https://carbon.now.sh).
![Send your code to carbon.now.sh animation](https://user-images.githubusercontent.com/6516758/46617867-df765680-caeb-11e8-8899-95778cdcceb7.gif)
## [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.
![](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)
> 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)
> 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)
> 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)
> 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)
## [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.
@ -717,10 +745,6 @@ To enable Emmet support in .twig files, you'll need to have the following in you
![Text Marker (Highlighter)](https://raw.githubusercontent.com/ryu1kn/vscode-text-marker/master/images/animations/public.gif)
## [Vim Mode](https://marketplace.visualstudio.com/items?itemName=vscodevim.vim)
> Relatively new, but promising extension implementing Vim features in VSCode. Authors suggest to join their [Slack channel](https://vscodevim-slackin.azurewebsites.net/) for feature requests on your favorite Vim features
# Themes
## UI
@ -772,14 +796,6 @@ Tuff but sweet theme.
<img src="./themes/screenshots/ultradracula.captain-sweetheart.png" width="600" />
</a>
### [Cobalt2 Theme Official by Wes Bos](https://vscodethemes.com/e/wesbos.theme-cobalt2)
🔥 Official theme by Wes Bos.
<a href="https://vscodethemes.com/e/wesbos.theme-cobalt2">
<img src="./themes/screenshots/wesbos.theme-cobalt2.png" width="600" />
</a>
### [City Lights by Yummygumm](https://vscodethemes.com/e/Yummygum.city-lights-theme)
🏙 Yummygum's Official City Lights suite
@ -788,6 +804,14 @@ Tuff but sweet theme.
<img src="./themes/screenshots/city-lights-yummygum.png" width="600" />
</a>
### [Cobalt2 Theme Official by Wes Bos](https://vscodethemes.com/e/wesbos.theme-cobalt2)
🔥 Official theme by Wes Bos.
<a href="https://vscodethemes.com/e/wesbos.theme-cobalt2">
<img src="./themes/screenshots/wesbos.theme-cobalt2.png" width="600" />
</a>
### [Dracula Official by Dracula Theme](https://vscodethemes.com/e/dracula-theme.theme-dracula)
Official Dracula Theme. A dark theme for many editors, shells, and more.
@ -844,6 +868,14 @@ The most epic theme now for Visual Studio Code.
<img src="./themes/screenshots/Equinusocio.vsc-material-theme.png" width="600" />
</a>
### [Mno by u29dc](https://vscodethemes.com/e/u29dc.mno)
Minimal monochrome theme.
<a href="https://vscodethemes.com/e/u29dc.mno">
<img src="./themes/screenshots/u29dc.mno.png" width="600" />
</a>
### [Night Owl by Sarah Drasner](https://vscodethemes.com/e/sdras.night-owl)
A VS Code theme for the night owls out there. Works well in the daytime, too, but this theme is fine-tuned for those of us who like to code late into the night. Color choices have taken into consideration what is accessible to people with colorblindness and in low-light circumstances. Decisions were also based on meaningful contrast for reading comprehension and for optimal razzle dazzle. ✨
@ -876,9 +908,31 @@ An arctic, north-bluish clean and elegant Visual Studio Code theme.
<img src="./themes/screenshots/ahmadawais.shades-of-purple.png" width="600" />
</a>
# People to Follow
A list of Twitter accounts for various people in the VS Code Community
- [@code](https://twitter.com/code) - The official VS Code Twitter
- [@auchenberg](https://twitter.com/auchenberg) - VS Code Program Manager
- [@BenjaminPasero](https://twitter.com/BenjaminPasero) - VS Code Dev
- [@chrisdias](https://twitter.com/chrisdias) - VS Code Program Manager
- [@_clarkio](https://twitter.com/_clarkio) - Developer Advocate @ Azure. Creator of VS Code release highlight videos
- [@eamodio](https://twitter.com/eamodio) - GitLens creator
- [@ErichGamma](https://twitter.com/ErichGamma) - VS Code Dev
- [@IsidorN](https://twitter.com/@IsidorN) - VS Code Dev
- [@joaomoreno](https://twitter.com/joaomoreno) - VS Code Dev
- [@johannesrieken](https://twitter.com/johannesrieken) - VS Code Dev
- [@lannonbr](https://twitter.com/lannonbr) - Creator of vscode.rocks & JS Parameter Annotations extension
- [@maeschli](https://twitter.com/maeschli) - VS Code Dev
- [@mattbierner](https://twitter.com/code) - VS Code Dev
- [@MrAhmadAwais](https://twitter.com/MrAhmadAwais) - JS/WordPress Core Dev. Creator of VSCode.pro course & Shades of Purple theme
- [@ramyanexus](https://twitter.com/ramyanexus) - VS Code Dev. Maintainer of Go extension
- [@Tyriar](https://twitter.com/Tyriar) - VS Code Dev. Creator of xterm.js
# Resources for extension developers
## 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.
- [Extending Visual Studio Code](https://code.visualstudio.com/docs/extensions/overview) section of [Official Documentation](https://code.visualstudio.com/docs)
@ -888,20 +942,25 @@ 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.
## 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.
- [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)
- [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).
- [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.
# Contribute
Contributions welcome! Read the [contribution guidelines](CONTRIBUTING.md) first.
# License
[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)

BIN
themes/screenshots/u29dc.mno.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB