Skip to content

Latest commit

 

History

History
146 lines (121 loc) · 9.79 KB

vs-code-extensionit.md

File metadata and controls

146 lines (121 loc) · 9.79 KB
Raw
description
Koodiklinikalla käytiin keväällä 2022 suuri VS Code extensions -keskustelu. Tässä koosteena klinikkalaisten vinkit parhaaseen kokemukseen. Kiitos Petrille keskustelun avaamisesta!

VS Code -extensionit

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