> For the complete documentation index, see [llms.txt](https://resources.koodiklinikka.fi/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://resources.koodiklinikka.fi/vs-code-extensionit.md).

# VS Code -extensionit

## Koodin tyylittely ja muokkaus

### Code refactoring

* [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
  * "Automatically rename paired HTML/XML tag, same as Visual Studio IDE does."
* [change-case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case)
  * "Quickly change the case (camelCase, CONSTANT\_CASE, snake\_case, etc) of the current selection or current word"
* [Sort lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines)
  * "Sort lines of text in Visual Studio Code."

### Code formatting

* [Beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)
  * "Beautify `javascript`, `JSON`, `CSS`, `Sass`, and `HTML` in Visual Studio Code."
* [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
  * "Integrates ESLint JavaScript into VS Code."
* [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
  * "Prettier is an opinionated code formatter."

### Code linting

* [ShellCheck](https://marketplace.visualstudio.com/items?itemName=timonwong.shellcheck)
  * "Integrates ShellCheck into VS Code, a linter for Shell scripts."
* [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint)
  * checking Markdown structure

### Code highlighting

* [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces)
  * "Highlight trailing spaces and delete them in a flash!"
* [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)
  * "The Better Comments extension will help you create more human-friendly comments in your code."

### Code comments generation

* [Document This](https://marketplace.visualstudio.com/items?itemName=oouo-diogo-perdigao.docthis)
  * "Automatically generates detailed JSDoc comments in TypeScript and JavaScript files."
* [autoDocstring](https://marketplace.visualstudio.com/items?itemName=njpwerner.autodocstring)
  * "Visual Studio Code extension to quickly generate docstrings for python functions."

### Spell checkers

* [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)
  * "A basic spell checker that works well with camelCase code."
* [Spell Right](https://marketplace.visualstudio.com/items?itemName=ban.spellright)
  * "Multilingual, Offline and Lightweight Spellchecker for Visual Studio Code"
  * Integration with a spell checker of the operating system

## Autocomplete

* [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
  * "GitHub Copilot is an AI pair programmer which suggests line completions and entire function bodies as you type."
* [Kite](https://marketplace.visualstudio.com/items?itemName=kiteco.kite)
  * "Kite is an AI-powered programming assistant that helps you write code faster inside Visual Studio Code."
* [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
  * "Visual Studio Code plugin that autocompletes filenames"
* [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
  * "Intelligent Tailwind CSS tooling for VS Code"
* [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)
  * "All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more)."

## Git

* [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)
  * "View git log, file history, compare branches or commits"
* [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)
  * "View a Git Graph of your repository, and perform Git actions from the graph."
* [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
  * "GitLens supercharges Git inside VS Code and unlocks untapped knowledge within each repository"

## Tyylilliset / visuaaliset laajennokset

* [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)
  * "Mark lines and jump to them."
* [cursory-glance](https://marketplace.visualstudio.com/items?itemName=tuomassalo.cursory-glance)
  * "VSCode extension that highlights the cursors when there are more than one of them."
* [file-icons](https://marketplace.visualstudio.com/items?itemName=file-icons.file-icons)
  * "File-specific icons in VSCode for improved visual grepping." (*sidenote: set* "workbench.tree.indent": 22 *for nicer look*)
* [Gremlins tracker for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=nhoizey.gremlins)
  * "This Visual Studio Code extension reveals some characters that can be harmful because they are invisible or looking like legitimate ones."
* [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)
  * "A simple extension to make indentation more readable."
* [Inline Parameters for VSCode](https://marketplace.visualstudio.com/items?itemName=liamhammett.inline-parameters)
  * "An extension for Visual Studio Code that adds inline parameter annotations when calling a function."
* [One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)
  * "Atom‘s iconic One Dark theme for Visual Studio Code"
* [Rainbow Brackets](https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets)
  * "Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets."
* [Render Line Endings](https://marketplace.visualstudio.com/items?itemName=medo64.render-crlf)
  * "Displays the line ending symbol and optionally extra whitespace when 'Render whitespace' is turned on."
* [TODO Highlight v2](https://marketplace.visualstudio.com/items?itemName=jgclark.vscode-todo-highlight)
  * "Highlight TODO:, FIXME: and any other annotations you wish within your code in VSCode."
* [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)
  * "This extension quickly searches (using ripgrep) your workspace for comment tags like TODO and FIXME, and displays them in a tree view in the activity bar."
* [WorkspaceSort](https://marketplace.visualstudio.com/items?itemName=iciclesoft.workspacesort)
  * "WorkspaceSort adds the ability to sort workspace-folders in the same way as files and inner-folders are sorted."

## Muiden työkalujen laajennokset

* [AWS Toolkit](https://docs.aws.amazon.com/toolkit-for-vscode/latest/userguide/welcome.html)
  * "This extension makes it easier for developers to develop, debug locally, and deploy serverless applications that use Amazon Web Services (AWS)."
* [Code::Stats](https://marketplace.visualstudio.com/items?itemName=riussi.code-stats-vscode)
  * "This is a Visual Studio Code extension to send updates to <https://codestats.net>"
* [Docker](https://code.visualstudio.com/docs/containers/overview)
  * "The Docker extension makes it easy to build, manage, and deploy containerized applications in Visual Studio Code."
* [Debugger for Firefox](https://marketplace.visualstudio.com/items?itemName=firefox-devtools.vscode-firefox-debug)
  * "Debug your JavaScript code running in Firefox from VS Code."
* [HashiCorp Terraform](https://marketplace.visualstudio.com/items?itemName=HashiCorp.terraform)
  * "Syntax highlighting and autocompletion for Terraform"
* [Remote - Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers)
  * "The Remote - Containers extension lets you use a Docker container as a full-featured development environment."
* [SQLite](https://marketplace.visualstudio.com/items?itemName=alexcvzz.vscode-sqlite)
  * "VSCode extension to explore and query SQLite databases."
* [tfsec](https://marketplace.visualstudio.com/items?itemName=tfsec.tfsec)
  * "This VS Code extension is for tfsec. A static analysis security scanner for your Terraform code that discovers problems with your infrastructure before hackers do."
* [WakaTime](https://wakatime.com/vs-code)
  * "The open source plugin for productivity metrics, goals, leaderboards, and automatic time tracking."

## Muut

* [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
  * "This plugin attempts to override user/workspace settings with settings found in .editorconfig files."
  * Useful for storing basic text formatting settings as a part of the repository to avoid mismatch between computers/developers.
* [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
  * "Launch a development local Server with live reload feature for static & dynamic pages"
* [Quit Control](https://marketplace.visualstudio.com/items?itemName=artdiniz.quitcontrol-vscode)
  * "This extension will make all "quitish" keyboard shortcuts prompt you if you really want to close everything if they were going to do so."
* [Quokka.js](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode)
  * "Quokka.js is a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed in your IDE next to your code, as you type."
* [Thunder Client](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client)
  * "Thunder Client is a lightweight Rest API Client Extension for Visual Studio Code, hand-crafted by Ranga Vadhineni with simple and clean design."
* [vscodevim](https://marketplace.visualstudio.com/items?itemName=vscodevim.vim)
  * "Vim emulation for Visual Studio Code"
* [Webhint](https://marketplace.visualstudio.com/items?itemName=webhint.vscode-webhint)
  * "Use `webhint` to improve your website during development."