# Recommended VS Code extensions

Extensions I use or want to use in VS Code.

I add links and explanations so you can use them too if you want.


## Language and tool-specific support

Such as syntax highlighting and linting.

### Python

- Python
- [Python Type Hint](https://marketplace.visualstudio.com/items?itemName=njqdev.vscode-python-typehint)
    > Provides type hint auto-completion for Python, with completion items for built-in types, classes and the typing module.

### Ruby

- Jekyll Syntax Support
- [Ruby](https://marketplace.visualstudio.com/items?itemName=rebornix.Ruby)
- [Rufo - Ruby formatter](https://marketplace.visualstudio.com/items?itemName=jnbt.vscode-rufo)
    - Format Ruby files. I had hassles getting Rubocop extension to work (it couldn't find rubocopy installed despite my efforts to install it and configure the extension).
- [VSCode Ruby](https://marketplace.visualstudio.com/items?itemName=wingrunr21.vscode-ruby)
    - This is intended to be used alongside the main Ruby extension
    > Syntax highlighing, snippet, and language configuration support for Ruby
- [Rainbow end](https://marketplace.visualstudio.com/items?itemName=jduponchelle.rainbow-end)

### Configs
> Support for configs by file extension

- DotENV
- Better TOML
- YAML
- [EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
    > This plugin attempts to override user/workspace settings with settings found in .editorconfig files. No additional or vscode-specific files are required.
   
    
### HTML

- Auto Close Tag
- Auto Rename Tag
- XML Tools    
    
### JavaScript

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [TSLint](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin)
    > TSLint support for Visual Studio Code
- npm
- Auto Import (for JS/TypeScript)
- [Prettier Now](https://marketplace.visualstudio.com/items?itemName=remimarsal.prettier-now)
    - Formats code, if configured for the language type. I prefer this to the plain Prettier extension.
    - I don't think this honors a prettier config or editorconfig - you have to configure the extension itself globally and per repo.
    - This works for JS, CSS, HTML, JSON, GraphQL, TypeScript and more. But I prefer to use it for JS only and let specific formatters handle the rest as I prefer how they handle things.
    

### Go

- [Go](https://marketplace.visualstudio.com/items?itemName=golang.Go)
    - Created by the Go team at Google
    > Rich Go language support for Visual Studio Code
    
### Shell

- [Shell syntax](https://marketplace.visualstudio.com/items?itemName=bmalehorn.shell-syntax)
    > Lint syntax errors in bash, zsh, and sh
- [Shell format](https://marketplace.visualstudio.com/items?itemName=foxundermoon.shell-format)
    - Format shell scripts - helps things wrapped consistently like if statements and reduced double white space.
    - Also works on properties, Dockerfile, ignore file, hosts file, etc.

### Containers

- [Docker](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker)
    - Include a panel which has a lot of options around images and containers. For creating, using and clearing. It also runs commands in the terminal window so that is great for learning the syntax for a command you ran in the panel.
- [Kubernetes](https://marketplace.visualstudio.com/items?itemName=ms-kubernetes-tools.vscode-kubernetes-tools)
    > Develop, deploy and debug Kubernetes applications

### CSV

- Edit CSV
- Rainbow CSV

### Markdown

- Markdown All In One
- Markdown Preview Enhanced
- [Emoji Sense](https://marketplace.visualstudio.com/items?itemName=bierner.emojisense)
    > Adds suggestions and autocomplete for emoji
    
### Git and GitHub

- Git Blame
- Git Extension Pack
- Git Graph
- Git History
- [Git Config Syntax](https://marketplace.visualstudio.com/items?itemName=sidneys1.gitconfig)
    > Adds syntax highlighting support for Git config files
- [Git Semantic Commit](https://marketplace.visualstudio.com/items?itemName=nitayneeman.git-semantic-commit)
- Open in Github, Bitbucket, Gitlab
    - Add option to right-click on file
- Settings Sync (Sync your VS Code settings to a gist) 
    - This is not so important now that VSE supports this as a builtin feature.
- [GitHub Actions](https://marketplace.visualstudio.com/items?itemName=cschleiden.vscode-github-actions)
    - Interact with GH Actions from the IDE pane. You can see a history of runs.
    - There are some related actions but this one is popular.
    
### Images

- [SVG Editor](https://marketplace.visualstudio.com/items?itemName=henoc.svgeditor)
- [SVG Gallery](https://marketplace.visualstudio.com/items?itemName=henoc.svgeditor)
    - Right-click on a directory of SVGs and click the gallery view option
    > View SVG images in gallery
    
### Other

- Apache Conf
- [GraphQL](https://marketplace.visualstudio.com/items?itemName=mquandalle.graphql)
    > Syntax highlighting for GraphQL queries and schemas

    
## Generic
> Not tied to any specific language

- [Path Autocomplete](https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete)
- Code Runner
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
    > Adds syntax highlighting support for Git config files
- Remote - SSH (Use VS Code to open an SSH tunnel to a server. Access the server in the command-line and browser and edit the remote files in the IDE)    
    
    
## Browser

- Debugger for Firefox
- Debugger for Chrome

## Projects

- Bookmarks
- Project Manager (I actually don't want to use this, but it is a dependency of another ectesnikb so I keep this around)