95 lines
4.3 KiB
Markdown
95 lines
4.3 KiB
Markdown
# 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)
|
|
- [Align](#align)
|
|
- [beautify](#beautify)
|
|
- [Bookmarks](#bookmarks)
|
|
- [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
|
|
|
|
### [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
|
|
|
|
### [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)
|
|
|
|
### [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)
|