awesome-vscode/README.md

153 lines
6.3 KiB
Markdown
Raw Normal View History

2016-02-07 18:03:31 -05:00
# Awesome VS Code [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
A curated list of delightful VS Code packages and resources. For more awesomeness, check out [awesome](https://github.com/sindresorhus/awesome).
2016-02-07 18:05:36 -05:00
# Table of Content
- [Syntax](#syntax)
- [Lint](#lint)
- [Themes](#themes)
2016-02-07 18:56:24 -05:00
- [Material-theme](#material-theme)
- [Base16 Ocean Kit](#base16-ocean-kit)
- [Seti](#seti)
2016-02-07 18:05:36 -05:00
- [Uncategorized](#uncategorized)
2016-02-07 18:59:14 -05:00
- [Align](#align)
- [beautify](#beautify)
2016-02-07 19:00:29 -05:00
- [Bookmarks](#bookmarks)
2016-02-07 19:16:16 -05:00
- [Color Highlight](#color-highlight)
2016-02-07 19:17:31 -05:00
- [Dash](#dash)
2016-02-07 18:54:37 -05:00
- [Debugger for Chrome](#debugger-for-chrome)
2016-02-07 19:01:41 -05:00
- [ftp-sync](#ftp-sync)
2016-02-07 19:12:34 -05:00
- [join-lines](#join-lines)
2016-02-07 18:54:37 -05:00
- [Project Manager](#project-manager)
2016-02-07 19:13:53 -05:00
- [Runner](#runner)
2016-02-07 19:03:48 -05:00
- [Sort Lines](#sort-lines)
2016-02-07 19:26:07 -05:00
- [Contribute](#contribute)
- [License](#license)
2016-02-07 18:05:36 -05:00
## Syntax
2016-02-07 18:08:42 -05:00
Language packages extend the editor with syntax highlighting and/or snippets for a specific language or file format.
- [Dockerfile](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker)
2016-02-07 18:45:51 -05:00
- [Elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir)
2016-02-07 18:08:42 -05:00
- [React JSX](https://marketplace.visualstudio.com/items?itemName=TwentyChung.jsx)
- [Stylus](https://marketplace.visualstudio.com/items?itemName=buzinas.stylus)
2016-02-07 18:17:23 -05:00
## 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.
Here are some useful linters and IntelliSense extensions:
- [C++](https://marketplace.visualstudio.com/items?itemName=austin.code-gnu-global) - GNU Global tags
- [CSS](https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint) - stylelint
- [Go](https://marketplace.visualstudio.com/items?itemName=lukehoban.Go) - Go
- [JavaScript](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - eslint
- [Python](https://marketplace.visualstudio.com/items?itemName=donjayamanne.python)
2016-02-07 18:05:36 -05:00
2016-02-07 18:19:56 -05:00
![](https://github.com/shinnn/vscode-stylelint/raw/master/screenshot.png)
2016-02-07 18:05:36 -05:00
## Themes
### UI
2016-02-07 18:23:13 -05:00
Unfortunately, VS Code doesn't support custom UI themes yet https://github.com/Microsoft/vscode/issues/1833
2016-02-07 18:05:36 -05:00
### Syntax
2016-02-07 18:55:30 -05:00
#### [Material-theme](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)
2016-02-07 18:30:23 -05:00
![](https://cloud.githubusercontent.com/assets/376065/12876148/12607198-cdfb-11e5-96d0-db87feb95b01.png)
2016-02-07 18:55:30 -05:00
#### [Base16 Ocean Kit](https://marketplace.visualstudio.com/items?itemName=chipcollier.Theme-OceanKit)
2016-02-07 18:33:53 -05:00
![](https://cloud.githubusercontent.com/assets/376065/12876166/98575186-cdfb-11e5-953d-2691ccad3472.png)
2016-02-07 18:55:30 -05:00
#### [Seti](https://marketplace.visualstudio.com/items?itemName=bialikover.theme-seti)
2016-02-07 18:44:40 -05:00
![](https://cloud.githubusercontent.com/assets/376065/12876209/0c5c2060-cdfd-11e5-9ff9-f3db152fc7fe.png)
2016-02-07 18:05:36 -05:00
## Uncategorized
2016-02-07 18:36:21 -05:00
2016-02-07 18:59:14 -05:00
### [Align](https://marketplace.visualstudio.com/items?itemName=steve8708.Align)
> Align text in vscode like the atom-alignment package
### [beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)
> Beautify code in place for VS Code
2016-02-07 19:00:29 -05:00
### [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)
> Mark lines and jump to them
![](https://github.com/alefragnani/vscode-bookmarks/raw/master/images/bookmarks-commands.png)
![](https://github.com/alefragnani/vscode-bookmarks/raw/master/images/bookmarks-toggle.png)
2016-02-07 19:16:16 -05:00
### [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
> Highlight web colors in your editor
![](https://naumovs.gallery.vsassets.io/_apis/public/gallery/publisher/naumovs/extension/color-highlight/1.1.6/assetbyname/Microsoft.VisualStudio.Services.Icons.Default)
2016-02-07 19:17:31 -05:00
### [Dash](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-dash)
> Dash integration in Visual Studio Code
2016-02-07 18:40:04 -05:00
### [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
2016-02-07 18:36:21 -05:00
> A VS Code extension to debug your JavaScript code in the Chrome browser, or other targets that support the Chrome Debugging Protocol.
![](https://github.com/Microsoft/vscode-chrome-debug/raw/master/images/screenshot.png)
2016-02-07 18:39:43 -05:00
2016-02-07 19:29:22 -05:00
### [Editor Config for VS Code](https://marketplace.visualstudio.com/items?itemName=chrisdias.vscodeEditorConfig)
> Editor Config for VS Code
2016-02-07 19:01:41 -05:00
### [ftp-sync](https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync)
> Auto sync your work to remote FTP server
![](http://i.imgur.com/W9h4pwW.gif)
2016-02-07 19:12:34 -05:00
### [join-lines](https://marketplace.visualstudio.com/items?itemName=wmaurer.join-lines)
> Use Ctrl+j/Cmd+j to join lines, just like in Atom and similar to Sublime Text.
![](https://cloud.githubusercontent.com/assets/2899448/11255751/36ee036a-8e48-11e5-8e1f-8889bf2df026.gif)
2016-02-07 18:40:04 -05:00
### [Project Manager](https://marketplace.visualstudio.com/items?itemName=Shan.project-manager)
2016-02-07 18:39:43 -05:00
> Create and open projects instantly by saving the workspace folder in VSCode.
![](https://cloud.githubusercontent.com/assets/376065/12876200/691a69b6-cdfc-11e5-9c89-0af18acd965b.png)
2016-02-07 19:03:48 -05:00
2016-02-07 19:13:53 -05:00
### [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)
2016-02-07 19:03:48 -05:00
### [Sort Lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines)
> Sorts lines of text in specific order
![](https://github.com/Tyriar/vscode-sort-lines/raw/master/images/usage-animation.gif)
2016-02-07 19:25:38 -05:00
## Contribute
Contributions welcome! Read the [contribution guidelines](CONTRIBUTING.md) first.
## License
[![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](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.