Koodiklinikka
  • Etusivu
  • Podcastit
  • rc-car-for-kids
  • Slack-teema
  • Mobiilisovelluksia
  • Websovelluksia
  • YouTube-kanavia
  • Koodiklinikkalaisten blogit
  • #beer
  • VS Code -extensionit
  • RSS-lukijoita
  • Herkulliset reseptit #nom kanavalta
  • Toimistotarvikkeet
  • Perjantaipingi
  • Bluesky Starter Kit
Powered by GitBook
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

Was this helpful?

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!

Previous#beerNextRSS-lukijoita

Last updated 2 years ago

Was this helpful?

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 javascript, JSON, CSS, Sass, and HTML in Visual Studio Code."

    • "Integrates ESLint JavaScript into VS Code."

    • "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

Autocomplete

    • "GitHub Copilot is an AI pair programmer which suggests line completions and entire function bodies as you type."

    • "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)."

Git

    • "View git log, file history, compare branches or commits"

    • "View a Git Graph of your repository, and perform Git actions from the graph."

    • "GitLens supercharges Git inside VS Code and unlocks untapped knowledge within each repository"

Tyylilliset / visuaaliset laajennokset

    • "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."

    • "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"

    • "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."

    • "VSCode extension to explore and query SQLite databases."

    • "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."

    • "The open source plugin for productivity metrics, goals, leaderboards, and automatic time tracking."

Muut

    • "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 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."

    • "Vim emulation for Visual Studio Code"

    • "Use webhint to improve your website during development."

Auto Rename Tag
change-case
Sort lines
Beautify
ESLint
Prettier
ShellCheck
markdownlint
Trailing Spaces
Better Comments
Document This
autoDocstring
Code Spell Checker
Spell Right
GitHub Copilot
Kite
Path Intellisense
Tailwind CSS IntelliSense
Markdown All in One
Git History
Git Graph
GitLens
Bookmarks
cursory-glance
file-icons
Gremlins tracker for Visual Studio Code
indent-rainbow
Inline Parameters for VSCode
One Dark Pro
Rainbow Brackets
Render Line Endings
TODO Highlight v2
Todo Tree
WorkspaceSort
AWS Toolkit
Code::Stats
Docker
Debugger for Firefox
HashiCorp Terraform
Remote - Containers
SQLite
tfsec
WakaTime
EditorConfig for VS Code
Live Server
Quit Control
Quokka.js
Thunder Client
vscodevim
Webhint