K
K
Koodiklinikka
Koodiklinikka.fiGitHub
Search…
Etusivu
Podcastit
rc-car-for-kids
Slack-teema
Mobiilisovelluksia
Websovelluksia
YouTube-kanavia
Koodiklinikkalaisten blogit
#beer
VS Code -extensionit
RSS-lukijoita
Powered By GitBook
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

  • ​Auto Rename Tag​
    • "Automatically rename paired HTML/XML tag, same as Visual Studio IDE does."
  • ​change-case​
    • "Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word"
  • ​Sort lines​
    • "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

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

Code highlighting

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

Code comments generation

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

Spell checkers

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

Autocomplete

  • ​GitHub Copilot​
    • "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."
  • ​Path Intellisense​
    • "Visual Studio Code plugin that autocompletes filenames"
  • ​Tailwind CSS IntelliSense​
    • "Intelligent Tailwind CSS tooling for VS Code"
  • ​Markdown All in One​
    • "All you need for Markdown (keyboard shortcuts, table of contents, auto preview and more)."

Git

  • ​Git History​
    • "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."
  • ​cursory-glance​
    • "VSCode extension that highlights the cursors when there are more than of them."
  • ​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​
    • "This Visual Studio Code extension reveals some characters that can be harmful because they are invisible or looking like legitimate ones."
  • ​indent-rainbow​
    • "A simple extension to make indentation more readable."
  • ​Inline Parameters for VSCode​
    • "An extension for Visual Studio Code that adds inline parameter annotations when calling a function."
  • ​One Dark Pro​
    • "Atom‘s iconic One Dark theme for Visual Studio Code"
  • ​Rainbow Brackets​
    • "Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets."
  • ​Render Line Endings​
    • "Displays the line ending symbol and optionally extra whitespace when 'Render whitespace' is turned on."
  • ​TODO Highlight v2​
    • "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​
    • "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​
    • "This extension makes it easier for developers to develop, debug locally, and deploy serverless applications that use Amazon Web Services (AWS)."
  • ​Code::Stats​
    • "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."
  • ​Debugger for Firefox​
    • "Debug your JavaScript code running in Firefox from VS Code."
  • ​HashiCorp Terraform​
    • "Syntax highlighting and autocompletion for Terraform"
  • ​Remote - Containers​
    • "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."

Muut

  • ​EditorConfig for VS Code​
    • "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​
    • "Launch a development local Server with live reload feature for static & dynamic pages"
  • ​Quit Control​
    • "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​
    • "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."
Previous
#beer
Next
RSS-lukijoita
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
Autocomplete
Git
Tyylilliset / visuaaliset laajennokset
Muiden työkalujen laajennokset
Muut