awesome-vscode/README.md

# 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).

# Table of Content

- [Syntax](#syntax)
- [Lint](#lint)
- [Themes](#themes)
 - [Material-theme](#material-theme)
 - [Base16 Ocean Kit](#base16-ocean-kit)
 - [Seti](#seti)
- [Uncategorized](#uncategorized)
 - [Debugger for Chrome](#debugger-for-chrome)
 - [Project Manager](#project-manager)

## Syntax

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)
- [Elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir)
- [React JSX](https://marketplace.visualstudio.com/items?itemName=TwentyChung.jsx)
- [Stylus](https://marketplace.visualstudio.com/items?itemName=buzinas.stylus)

## 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)

![](https://github.com/shinnn/vscode-stylelint/raw/master/screenshot.png)

## Themes

### UI

Unfortunately, VS Code doesn't support custom UI themes yet https://github.com/Microsoft/vscode/issues/1833

### Syntax

#### [Material-theme](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)

![](https://cloud.githubusercontent.com/assets/376065/12876148/12607198-cdfb-11e5-96d0-db87feb95b01.png)

#### [Base16 Ocean Kit](https://marketplace.visualstudio.com/items?itemName=chipcollier.Theme-OceanKit)

![](https://cloud.githubusercontent.com/assets/376065/12876166/98575186-cdfb-11e5-953d-2691ccad3472.png)

#### [Seti](https://marketplace.visualstudio.com/items?itemName=bialikover.theme-seti)

![](https://cloud.githubusercontent.com/assets/376065/12876209/0c5c2060-cdfd-11e5-9ff9-f3db152fc7fe.png)

## Uncategorized

### [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.

![](https://github.com/Microsoft/vscode-chrome-debug/raw/master/images/screenshot.png)

### [Project Manager](https://marketplace.visualstudio.com/items?itemName=Shan.project-manager)

> 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)