mirror of
https://github.com/viatsko/awesome-vscode.git
synced 2024-10-01 01:05:39 -04:00
399 lines
18 KiB
Markdown
399 lines
18 KiB
Markdown
# Awesome VS Code [](https://github.com/sindresorhus/awesome)
|
|
|
|
A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/) packages and resources. For more awesomeness, check out [awesome](https://github.com/sindresorhus/awesome).
|
|
|
|
# Table of Content
|
|
|
|
- [Official](#official)
|
|
- [Syntax](#syntax)
|
|
- [Lint and IntelliSense](#lint-and-intellisense)
|
|
- [C++](#c)
|
|
- [CSS](#css)
|
|
- [Go](#go)
|
|
- [JavaScript](#javascript)
|
|
- [Markdown](#markdown)
|
|
- [Python](#python)
|
|
- [Rust](#rust)
|
|
- [Themes](#themes)
|
|
- [Custom theme for VS code](#custom-theme-for-vs-code)
|
|
- [Material-theme](#material-theme)
|
|
- [Base16 Ocean Kit](#base16-ocean-kit)
|
|
- [Seti](#seti)
|
|
- [Atom One Dark Syntax Theme](#atom-one-dark-syntax-theme)
|
|
- [An Old Hope Theme](#an-old-hope-theme)
|
|
- [Productivity](#productivity)
|
|
- [Azure IoT Toolkit](#azure-iot-toolkit)
|
|
- [Bookmarks](#bookmarks)
|
|
- [Copy Relative Path](#copy-relative-path)
|
|
- [Gi](#gi)
|
|
- [Git History](#git-history)
|
|
- [Git Project Manager](#git-project-manager)
|
|
- [GitLink](#gitlink)
|
|
- [Icon Fonts](#icon-fonts)
|
|
- [Multiple clipboards](#multiple-clipboards)
|
|
- [Path IntelliSense](#path-intellisense)
|
|
- [Project Manager](#project-manager)
|
|
- [REST Client](#rest-client)
|
|
- [Yo](#yo)
|
|
- [Formatting/Beautification](#formatting-beautification)
|
|
- [Align](#align)
|
|
- [Auto Close Tag](#auto-close-tag)
|
|
- [Auto Rename Tag](#auto-rename-tag)
|
|
- [beautify](#beautify)
|
|
- [ECMAScript Quotes Transformer](#ecmascript-quotes-transformer)
|
|
- [Paste and Indent](#paste-and-indent)
|
|
- [Sort Lines](#sort-lines)
|
|
- [Uncategorized](#uncategorized)
|
|
- [Code Runner](#code-runner)
|
|
- [Color Highlight](#color-highlight)
|
|
- [Dash](#dash)
|
|
- [Debugger for Chrome](#debugger-for-chrome)
|
|
- [ECMAScript Quotes Transformer](#ecmascript-quotes-transformer)
|
|
- [Editor Config for VS Code](#editor-config-for-vs-code)
|
|
- [ftp-sync](#ftp-sync)
|
|
- [Runner](#runner)
|
|
- [Slack](#slack)
|
|
- [SVG Viewer](#svg-viewer)
|
|
- [Vim Mode](#vim-mode)
|
|
- [Resources for extension developers](#resources-for-extension-developers)
|
|
- [Documentation](#documentation)
|
|
- [Libraries](#libraries)
|
|
- [Tools](#tools)
|
|
- [Contribute](#contribute)
|
|
- [License](#license)
|
|
|
|
## Official
|
|
|
|
- [Official website](https://code.visualstudio.com/)
|
|
- [Source code](https://github.com/microsoft/vscode) on GitHub
|
|
- [Releases (stable channel)](http://code.visualstudio.com/download)
|
|
- [Releases (insiders channel)](http://code.visualstudio.com/insiders)
|
|
- [Monthly iteration plans](https://github.com/Microsoft/vscode/issues?utf8=%E2%9C%93&q=label%3Aiteration-plan+)
|
|
|
|
## Syntax
|
|
|
|
Language packages extend the editor with syntax highlighting and/or snippets for a specific language or file format.
|
|
|
|
- [Arduino](https://marketplace.visualstudio.com/items?itemName=moozzyk.Arduino)
|
|
- [CMake](https://marketplace.visualstudio.com/items?itemName=twxs.cmake)
|
|
- [Dart](https://marketplace.visualstudio.com/items?itemName=DanTup.dart-code)
|
|
- [Dockerfile](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker)
|
|
- [EJS](https://marketplace.visualstudio.com/items?itemName=QassimFarid.ejs-language-support)
|
|
- [Elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir)
|
|
- [Elm](https://marketplace.visualstudio.com/items?itemName=sbrink.elm)
|
|
- [Erlang](https://marketplace.visualstudio.com/items?itemName=pgourlain.erlang)
|
|
- [F#](https://marketplace.visualstudio.com/items?itemName=Ionide.Ionide-fsharp)
|
|
- [Fortran](https://marketplace.visualstudio.com/items?itemName=Gimly81.fortran)
|
|
- [Handlebars](https://marketplace.visualstudio.com/items?itemName=andrejunges.Handlebars)
|
|
- [Java](https://marketplace.visualstudio.com/items?itemName=redhat.java)
|
|
- [Mason](https://marketplace.visualstudio.com/items?itemName=viatsko.html-mason)
|
|
- [Parser 3](https://marketplace.visualstudio.com/items?itemName=viatsko.parser3)
|
|
- [Pascal](https://marketplace.visualstudio.com/items?itemName=alefragnani.pascal), or [OmniPascal](https://marketplace.visualstudio.com/items?itemName=Wosi.omnipascal) (only for Windows)
|
|
- [Perl HTML-Template](https://marketplace.visualstudio.com/items?itemName=viatsko.perl-html-template)
|
|
- [Protobuf](https://marketplace.visualstudio.com/items?itemName=peterj.proto)
|
|
- [Ruby](https://marketplace.visualstudio.com/items?itemName=groksrc.ruby)
|
|
- [Scala](https://marketplace.visualstudio.com/items?itemName=itryapitsin.Scala)
|
|
- [Stylus](https://marketplace.visualstudio.com/items?itemName=buzinas.stylus)
|
|
- [Swift](https://marketplace.visualstudio.com/items?itemName=Kasik96.swift)
|
|
- [Twig](https://marketplace.visualstudio.com/items?itemName=whatwedo.twig)
|
|
|
|
## Lint and IntelliSense
|
|
|
|
In case the awesome nirvana that is linting has not yet been unleashed upon you:
|
|
> lint was the name originally given to a particular program that flagged some suspicious and non-portable constructs (likely to be bugs) in C language source code. The term is now applied generically to tools that flag suspicious usage in software written in any computer language.
|
|
|
|
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.
|
|
|
|
### C++
|
|
|
|
- [C/C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools) - Preview C/C++ extension by [Microsoft](https://microsoft.com), read [official blog post](https://blogs.msdn.microsoft.com/vcblog/2016/03/31/cc-extension-for-visual-studio-code/) for the details
|
|
- [gnu-global-tags](https://marketplace.visualstudio.com/items?itemName=austin.code-gnu-global) - Provide Intellisense for C/C++ with the help of the GNU Global tool.
|
|
- [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/).
|
|
|
|
### CSS
|
|
|
|
- [stylelint](https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint) - Lint CSS/SCSS.
|
|
- [Autoprefixer](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-autoprefixer)
|
|
Parse CSS,SCSS, LESS and add vendor prefixes automatically.
|
|
|
|
|
|
### Go
|
|
|
|
- [Go](https://marketplace.visualstudio.com/items?itemName=lukehoban.Go) - Rich language support for the Go language.
|
|
|
|
### Haskell
|
|
|
|
- [haskell-linter](https://marketplace.visualstudio.com/items?itemName=hoovercj.haskell-linter)
|
|
|
|
### JavaScript
|
|
|
|
- [eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Linter for [eslint](http://eslint.org/).
|
|
- [XO](https://marketplace.visualstudio.com/items?itemName=samverschueren.linter-xo) - Linter for [XO](https://github.com/sindresorhus/xo).
|
|
- [AVA](https://marketplace.visualstudio.com/items?itemName=samverschueren.ava) - Snippets for [AVA](https://github.com/sindresorhus/ava).
|
|
|
|
### Markdown
|
|
|
|
- [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) - Linter for [markdownlint](https://github.com/DavidAnson/markdownlint).
|
|
|
|
### PHP
|
|
|
|
- [phpcs](https://marketplace.visualstudio.com/items?itemName=ikappas.phpcs) - PHP CodeSniffer for Visual Studio Code
|
|
|
|
### Python
|
|
|
|
- [Python](https://marketplace.visualstudio.com/items?itemName=donjayamanne.python) - Linting, Debugging (multi threaded, web apps), Intellisense, auto-completion, code formatting, snippets, unit testing, and more.
|
|
|
|
### Rust
|
|
|
|
- [Rust](https://marketplace.visualstudio.com/items?itemName=kalitaalexey.vscode-rust) - Linting, auto-completion, code formatting, snippets and more
|
|
|
|
|
|
## Themes
|
|
|
|
### UI
|
|
|
|
Unfortunately, VS Code doesn't support custom UI themes yet https://github.com/Microsoft/vscode/issues/1833
|
|
|
|
However, this extension allow you to do it by patching VS code, until it's implemented as a default feature :
|
|
|
|
#### [Custom theme for VS code](https://marketplace.visualstudio.com/items?itemName=bentx.vscode-custom-theme)
|
|
> Customize your Visual Studio Code experience, use your own colors.
|
|
|
|
|
|
|
|
If you're feeling brave, there are at least two custom UIs for VS Code:
|
|
|
|
- [Essence](https://github.com/flagello/Essence)
|
|
- [Pragmatic Essence](https://github.com/orta/Essence)
|
|
|
|
### Syntax
|
|
|
|
#### [Material-theme](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)
|
|
|
|
|
|
|
|
#### [Base16 Ocean Kit](https://marketplace.visualstudio.com/items?itemName=chipcollier.Theme-OceanKit)
|
|
|
|
|
|
|
|
#### [Seti](https://marketplace.visualstudio.com/items?itemName=bialikover.theme-seti)
|
|
|
|
|
|
|
|
#### [Atom One Dark Syntax Theme](https://marketplace.visualstudio.com/items?itemName=andischerer.theme-atom-one-dark)
|
|
|
|
|
|
|
|
#### [An Old Hope Theme](https://marketplace.visualstudio.com/items?itemName=dustinsanders.an-old-hope-theme-vscode)
|
|
|
|
|
|
|
|
## Productivity
|
|
|
|
### [Azure IoT Toolkit](https://marketplace.visualstudio.com/items?itemName=formulahendry.azure-iot-toolkit)
|
|
|
|
> Everything you need for the Azure IoT development: Interact with Azure IoT Hub; IoT Device Management; Discover Ethernet, USB serial, WiFi connected devices
|
|
|
|
|
|
|
|
### [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)
|
|
|
|
> Mark lines and jump to them
|
|
|
|
|
|
|
|
|
|
|
|
### [Copy Relative Path](https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path)
|
|
|
|
> Copy Relative Path from a File
|
|
|
|
#### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi)
|
|
> Generating .gitignore files made easy.
|
|
|
|
|
|
|
|
### [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)
|
|
|
|
> View git log, file or line History
|
|
|
|
|
|
|
|
### [Git Project Manager](https://marketplace.visualstudio.com/items?itemName=felipecaputo.git-project-manager)
|
|
|
|
> Automatically indexes your git projects and lets you easily toggle between them
|
|
|
|
### [GitLink](https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink)
|
|
|
|
> GoTo current file's online link in browser and Copy the link in clipboard.
|
|
|
|
|
|
|
|
### [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.
|
|
|
|
|
|
|
|
### [Icon Fonts](https://marketplace.visualstudio.com/items?itemName=idleberg.icon-fonts)
|
|
|
|
> Snippets for popular icon fonts such as Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons and many more!
|
|
|
|
### [Multiple clipboards](https://marketplace.visualstudio.com/items?itemName=slevesque.vscode-multiclip)
|
|
|
|
> Override the regular Copy and Cut commands to keep selections in a clipboard ring
|
|
|
|
### [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
|
|
|
|
> Visual Studio Code plugin that autocompletes filenames
|
|
|
|
|
|
|
|
### [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager)
|
|
|
|
> Easily switch between projects.
|
|
|
|
|
|
|
|
### [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.
|
|
|
|
|
|
|
|
### [Yo](https://marketplace.visualstudio.com/items?itemName=samverschueren.yo)
|
|
|
|
> Scaffold projects using [Yeoman](http://yeoman.io/)
|
|
|
|
|
|
|
|
## Formatting & Beautification
|
|
|
|
### [Align](https://marketplace.visualstudio.com/items?itemName=steve8708.Align)
|
|
|
|
> Align text in vscode like the atom-alignment package
|
|
|
|
|
|
|
|
### [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)
|
|
|
|
> Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
|
|
|
|
|
|
|
|
### [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
|
|
|
|
> Auto rename paired HTML/XML tags
|
|
|
|
|
|
|
|
### [beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)
|
|
|
|
> Beautify code in place for VS Code
|
|
|
|
### [ECMAScript Quotes Transformer](https://marketplace.visualstudio.com/items?itemName=vilicvane.es-quotes)
|
|
|
|
> Transform quotes of ECMAScript string literals
|
|
|
|
|
|
|
|
### [Paste and Indent](https://marketplace.visualstudio.com/items?itemName=Rubymaniac.vscode-paste-and-indent)
|
|
|
|
> Paste code with "correct" indentation
|
|
|
|
|
|
|
|
### [Sort Lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines)
|
|
|
|
> Sorts lines of text in specific order
|
|
|
|
|
|
|
|
## 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
|
|
|
|
|
|
|
|
### [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
|
|
|
|
> Highlight web colors in your editor
|
|
|
|
|
|
|
|
### [Dash](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-dash)
|
|
|
|
> Dash integration in Visual Studio Code
|
|
|
|
|
|
|
|
### [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
|
|
|
|
> A VS Code extension to debug your JavaScript code in the Chrome browser, or other targets that support the Chrome Debugging Protocol.
|
|
|
|
|
|
|
|
### [Editor Config for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
|
|
|
|
> Editor Config for VS Code
|
|
|
|
### [ftp-sync](https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync)
|
|
|
|
> Auto-sync your work to remote FTP server
|
|
|
|
|
|
|
|
### [Runner](https://marketplace.visualstudio.com/items?itemName=mattn.Runner)
|
|
|
|
> Run various scripts right from VS Code
|
|
|
|
|
|
|
|
### [Slack](https://marketplace.visualstudio.com/items?itemName=sozercan.slack)
|
|
|
|
> Send messages and code snippets, upload files to Slack
|
|
|
|
|
|
|
|
### [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.
|
|
|
|
|
|
|
|
### [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
|
|
|
|
|
|
|
|
## Resources for extension developers
|
|
|
|
### Documentation
|
|
|
|
- [Extending Visual Studio Code](https://code.visualstudio.com/docs/extensions/overview) section of [Official Documentation](https://code.visualstudio.com/docs)
|
|
|
|
### Libraries
|
|
|
|
- [vscode-set-text](https://github.com/samverschueren/vscode-set-text) - An easy-to-use VS Code `#setText()` method.
|
|
|
|
### Tools
|
|
|
|
- [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/tools/yocode) tool
|
|
- [Yo Code - Extension Generator](https://code.visualstudio.com/docs/tools/yocode)
|
|
- [Open in Code](https://github.com/sozercan/OpenInCode) - macOS Finder toolbar app to open current folder in Visual Studio Code
|
|
|
|
|
|
## Contribute
|
|
|
|
Contributions welcome! Read the [contribution guidelines](CONTRIBUTING.md) first.
|
|
|
|
|
|
## License
|
|
|
|
[](http://creativecommons.org/publicdomain/zero/1.0/)
|
|
|
|
To the extent possible under law, [Valerii Iatsko](http://codingbox.io) has waived all copyright and related or neighboring rights to this work.
|