Comment on page

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 one 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"
  • 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 9mo ago