VS Code -extensionit
Koodiklinikalla käytiin keväällä 2022 suuri VS Code extensions -keskustelu. Tässä koosteena klinikkalaisten vinkit parhaaseen kokemukseen. Kiitos Petrille keskustelun avaamisesta!

Koodin tyylittely ja muokkaus

Code refactoring

    • "Automatically rename paired HTML/XML tag, same as Visual Studio IDE does."
    • "Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word"
    • "Sort lines of text in Visual Studio Code."

Code formatting

  • Beautify
    • "Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code."
  • ESLint
    • "Integrates ESLint JavaScript into VS Code."
  • Prettier
    • "Prettier is an opinionated code formatter."

Code linting

    • "Integrates ShellCheck into VS Code, a linter for Shell scripts."
    • checking Markdown structure

Code highlighting

    • "Highlight trailing spaces and delete them in a flash!"
    • "The Better Comments extension will help you create more human-friendly comments in your code."

Code comments generation

    • "Automatically generates detailed JSDoc comments in TypeScript and JavaScript files."
    • "Visual Studio Code extension to quickly generate docstrings for python functions."

Spell checkers

    • "A basic spell checker that works well with camelCase code."
    • "Multilingual, Offline and Lightweight Spellchecker for Visual Studio Code"
    • Integration with a spell checker of the operating system


    • "GitHub Copilot is an AI pair programmer which suggests line completions and entire function bodies as you type."
  • Kite
    • "Kite is an AI-powered programming assistant that helps you write code faster inside Visual Studio Code."
    • "Visual Studio Code plugin that autocompletes filenames"
    • "Intelligent Tailwind CSS tooling for VS Code"
    • "All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more)."


    • "View git log, file history, compare branches or commits"
  • Git Graph
    • "View a Git Graph of your repository, and perform Git actions from the graph."
  • GitLens
    • "GitLens supercharges Git inside VS Code and unlocks untapped knowledge within each repository"

Tyylilliset / visuaaliset laajennokset

  • Bookmarks
    • "Mark lines and jump to them."
    • "VSCode extension that highlights the cursors when there are more than of them."
    • "File-specific icons in VSCode for improved visual grepping." (sidenote: set "workbench.tree.indent": 22 for nicer look)
    • "This Visual Studio Code extension reveals some characters that can be harmful because they are invisible or looking like legitimate ones."
    • "A simple extension to make indentation more readable."
    • "An extension for Visual Studio Code that adds inline parameter annotations when calling a function."
    • "Atom‘s iconic One Dark theme for Visual Studio Code"
    • "Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets."
    • "Displays the line ending symbol and optionally extra whitespace when 'Render whitespace' is turned on."
    • "Highlight TODO:, FIXME: and any other annotations you wish within your code in VSCode."
  • 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 adds the ability to sort workspace-folders in the same way as files and inner-folders are sorted."

Muiden työkalujen laajennokset

    • "This extension makes it easier for developers to develop, debug locally, and deploy serverless applications that use Amazon Web Services (AWS)."
    • "This is a Visual Studio Code extension to send updates to https://codestats.net"
  • Docker
    • "The Docker extension makes it easy to build, manage, and deploy containerized applications in Visual Studio Code."
    • "Debug your JavaScript code running in Firefox from VS Code."
    • "Syntax highlighting and autocompletion for Terraform"
    • "The Remote - Containers extension lets you use a Docker container as a full-featured development environment."
  • SQLite
    • "VSCode extension to explore and query SQLite databases."
  • 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
    • "The open source plugin for productivity metrics, goals, leaderboards, and automatic time tracking."


    • "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.
    • "Launch a development local Server with live reload feature for static & dynamic pages"
    • "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
    • "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 is a lightweight Rest API Client Extension for Visual Studio Code, hand-crafted by Ranga Vadhineni with simple and clean design."
  • vscodevim
    • "Vim emulation for Visual Studio Code"
  • Webhint
    • "Use webhint to improve your website during development."
Last modified 5mo ago
Copy link
On this page
Koodin tyylittely ja muokkaus
Code refactoring
Code formatting
Code linting
Code highlighting
Code comments generation
Spell checkers
Tyylilliset / visuaaliset laajennokset
Muiden työkalujen laajennokset