-
auto-close-tag: automatically add HTML/XML close tag
-
auto-rename-tag: automatically rename paired HTML/XML tag
-
better-toml: syntax hightlighting for .toml
files
-
code-spell-checker: spell checker that works well with camelCase code
-
color-highlight: styles css / web colors found in a document, showing the color as an outline box around the hex or other color value
-
cypress-snippets: Cypress e2e testing code snippets
-
doxdocgen: Doxygen documentation generation on the fly by starting a Doxygen comment block and pressing enter
-
es7-react-js-snippets: JS and React snippets in ES7+ with Babel plugin features
-
git-graph: Git GUI repo visualization tool
-
gitlens: visualize code authorship at a glance via Git blame annotations and code lens
-
hadolint: Dockerfile linter
-
highlight-matching-tag: highlights matching opening and/or closing tags
-
html5-boilerplate: standard HTML boilerplate code snippets
-
indenticator: highlights indent depths so you can see where a block starts and stops
-
js-codeformer: JS refactoring and code automation extension with tools for TS, HTML, React, JSX/TSX. Has a large number of refactor methods and code snippets available through the lightbulb and context menus on selected functions / variables
-
json-to-ts: convert JSON object to TS interfaces
-
language-gettext: syntax highlighting for po
, pot
and potx
translation files
-
markdown-all-in-one: Markdown keyboard shortcuts, table of contents, auto preview, TOC, math, auto completion, list editing
-
mdx: language support for MDX
-
output-colorizer: add syntax colorization for the output / debug / extensions panel and *.log
files
-
path-intellisense: autocompletes filenames for import
, require
, fs
methods
-
ponicode: ML-powered unit test scenario generator, requires user registration
-
prettier-vscode: run Prettier on save from the editor
-
quicktype: paste JSON as code
-
rainbow-brackets: color round, square, and squiggly brackets with different colors based on nesting depth so it’s easy to tell at a glance what matches to what
-
refactorix: TS refactoring tools - split declarations, toggle access modifiers, convert string to a literal with the selected text thrown in ${}
, convert properties to private properties with getter / setters
-
regex: shows a selected regular expression’s matches in a side-by-side document
-
remotehub: browse, search, edit, and commit to any remote GitHub repository
-
rewrap: wraps lines over a preset length with smart handling
-
sapling: shows React component hierarchies in the tree view sidebar, and makes navigating React code much easier than the default file tree view
-
sort-lines: sort lines with fine control of sorting algorithm
-
svg: SVG language support with auto completion, document symbol tree, preview, and links to MDN docs for SVG properties
-
test-utils: add and remove .skip
and .only
modifiers to Jest tests with keyboard shortcuts
-
toggle-case: toggle text between snakecase, camelcase, etc.
-
trailing-spaces: highlight trailing spaces on lines and delete them on save
-
transformer: enhanced editing capabilities like join lines, JSON string as text, trim, unique, and a lot more
-
tsimporter: automatically scan and import TS definition files in workspace and handle .tsconfig
"paths"
settings that allow relative imports
-
tsserver-live-reload: reload the TS Language Server whenever it changes
-
turbo-console-log: inserts meaningful console.log
code snippets from context menus on selected variables for debugging
-
vscode-apollo: rich editor support for GraphQL client
-
vscode-babel-coloring: adds JS Babel es6/es7 syntax coloring
-
vscode-codemetrics: computes complexity in TS / JS files and shows it in a code lens
-
vscode-cy-helper: Cypress e2e testing extension
-
vscode-docker: build, manage, and deploy containerized applications
-
vscode-git-add-and-commit: add and commit files with a keyboard shortcut, with smart auto-prefill
-
vscode-graphql: GraphQL syntax highlighting, autocomplete, validation, snippets, hover support, go-to-definition for fragments and input types from the context menu
-
vscode-gutter-preview: image preview in a modal box on hover, like for a CSS background:url()
method
-
vscode-html-css: HTML id
and class
attribute completion
-
vscode-import-cost: displays the size of an imported package inline
-
vscode-json5: syntax highlighting of JSON5 files
-
vscode-markdownlint: Markdown linting and style checking
-
vscode-npm-script: validation to flag packages defined in package.json
but not installed, packages that are installed but not defined in the package.json
, and packages that are installed but do not satisfy the version defined in package.json
-
vscode-optimize-images: optimize images using platform-native libraries
-
vscode-react-refactor: JSX code refactor actions for React
-
vscode-svgviewer: view SVG images in the editor
-
vscode-todo-highlight: highlights @TODO:
and @FIXME:
tags in code comments so they pop out
-
vscode-versionlens: shows current/latest version information when opening package.json
files as a code lens
-
vscode-yaml: YAML language support