extensions.md
November 21, 2024 · View on GitHub
Here are a list of all the extensions I use.
| Icon | Extension |
|---|---|
Better CommentsImprove your code commenting by annotating with alert, informational, TODOs, and more! | |
SQL FormatterFormat sql files using the sql-formatter npm package | |
NGINX Configuration Language SupportNginx configuration helper for Visual Studio Code with many features including syntax highlight, auto-complete, in-editor documents, embedded Lua block, and more | |
Project ManagerEasily switch between projects | |
DjangoBeautiful syntax and scoped snippets for perfectionists with deadlines | |
Custom CSS and JS LoaderCustom CSS and JS for Visual Studio Code | |
Django TemplateDjango template language support for Visual Studio Code | |
lit-htmlSyntax highlighting and IntelliSense for html inside of JavaScript and TypeScript tagged template strings | |
Tailwind CSS IntelliSenseIntelligent Tailwind CSS tooling for VS Code | |
RuffA Visual Studio Code extension with support for the Ruff linter. | |
Path IntellisenseVisual Studio Code plugin that autocompletes filenames | |
Qodo Gen: AI Coding Assistant (Codium VS Code) - Code, Test and Review with Confidence, supporting Python, Javascript, Typescript, Java, PHP, Go, and moreQodo Gen (formerly Codiumate) is a quality-first generative AI coding platform that offers busy developers a comprehensive AI code assistant for generating code, writing unit tests, and creating documentation. With Qodo Gen, developers can leverage the power of AI directly within their IDE and Git. | |
Continue - Codestral, Claude, and moreThe leading open-source AI code assistant | |
PostCSS Language SupportSyntax highlighting for modern and experimental CSS in VSCode | |
Office Viewer(Markdown Editor)View word,excel files and using WYSIWYG editor for markdown. | |
Emoji SnippetsInsert emoji to your Vscode files | |
TypeScript ToolboxAdd and Optimize Imports, Generate Getters / Setters and Constructors | |
ES7+ React/Redux/React-Native snippetsExtensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier. | |
GitLens — Git superchargedSupercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more | |
EditorConfig for VS CodeEditorConfig Support for Visual Studio Code | |
TypeScript Barrel GeneratorVSCode extension which generates a barrelindex.ts file with all the module exports from the current directory. | |
VSCode Great IconsA big pack of icons (200+) for your files. | |
Prettier - Code formatterCode formatter using prettier | |
Figma for VS CodeBring Figma into the text editor. Inspect designs, receive notifications, and get code suggestions. | |
Auto Rename TagAuto rename paired HTML/XML tag | |
GitHub CopilotYour AI pair programmer | |
GitHub Copilot ChatAI chat features powered by Copilot | |
GitHub RepositoriesRemotely browse and edit any GitHub repository | |
GitHub ActionsGitHub Actions workflows and runs for github.com hosted repositories in VS Code | |
Jsonnet Language ServerFull code support (formatting, highlighting, navigation, debugging etc) for Jsonnet | |
Excel ViewerEdit Excel spreadsheets and CSV files in Visual Studio Code and VS Code for the Web. | |
GraphQL: Language Feature SupportGraphQL LSP extension that adds autocompletion, validation, go to definition, hover, outline and more. | |
GraphQL: Inline Operation ExecutionExecute graphql operations from your code (revived!) | |
GraphQL: Syntax HighlightingAdds syntax highlighting support for .graphql & embedded support for javascript, typescript, vue, markdown, python, php, reason, ocaml and rescript | |
HashiCorp TerraformSyntax highlighting and autocompletion for Terraform | |
Test Explorer UIRun your tests in the Sidebar of Visual Studio Code | |
CloakCloak hides/shows your secrets in environment files, to avoid accidentally sharing them with everyone who sees your screen. | |
colorizeA vscode extension to help visualize css colors in files. | |
Kolo for Django (Beta)See everything happening in your running Django app | |
MagicPythonSyntax highlighter for cutting edge Python. | |
Total TypeScriptLearn TypeScript in VSCode with a TypeScript error translator and syntax guide. | |
Rainbow CSVHighlight CSV and TSV files, Run SQL-like queries | |
Template String ConverterConverts a string to a template string when ${ is typed | |
Pieces for VS CodeAn on-device storage agent and AI coding assistant integrated throughout your entire toolchain that helps developers capture, enrich, and reuse useful code, as well as debug, add comments, and solve complex problems through a contextual understanding of your unique workflow. | |
DotENVSupport for dotenv file syntax | |
Million LintIdentify, explain, and fix React performance issues | |
DockerMakes it easy to create, manage, and debug containerized applications. | |
Microsoft Edge Tools for VS CodeUse the Microsoft Edge Tools from within VS Code to see your site's runtime HTML structure, alter its layout, fix styling issues as well as see your site's network requests. | |
KubernetesDevelop, deploy and debug Kubernetes applications | |
Python DebuggerPython Debugger extension using debugpy. | |
PythonPython language support with extension access points for IntelliSense (Pylance), Debugging (Python Debugger), linting, formatting, refactoring, unit tests, and more. | |
PylanceA performant, feature-rich language server for Python in VS Code | |
JupyterJupyter notebook support, interactive programming and computing that supports Intellisense, debugging and more. | |
Jupyter KeymapJupyter keymaps for notebooks | |
Jupyter Notebook RenderersRenderers for Jupyter Notebooks (with plotly, vega, gif, png, svg, jpeg and other such outputs) | |
Jupyter Cell TagsJupyter Cell Tags support for VS Code | |
Dev ContainersOpen any folder or repository inside a Docker container and take advantage of Visual Studio Code's full feature set. | |
WSLOpen any folder in the Windows Subsystem for Linux (WSL) and take advantage of Visual Studio Code's full feature set. | |
Live PreviewHosts a local server in your workspace for you to preview your webpages on. | |
Remote RepositoriesRemotely browse and edit git repositories | |
Test Adapter ConverterConverter extension from the Test Adapter UI to native VS Code testing | |
Live ShareReal-time collaborative development from the comfort of your favorite tools. | |
SQLToolsConnecting users to many of the most commonly used databases. Welcome to database management done right. | |
SQLTools PostgreSQL/Cockroach DriverSQLTools PostgreSQL/Cockroach Driver | |
SQLTools SQLiteSQLTools SQLite | |
Color HighlightHighlight web colors in your editor | |
Material Icon ThemeMaterial Design Icons for Visual Studio Code | |
TypeScript ImporterAutomatically searches for TypeScript definitions in workspace files and provides all known symbols as completion item to allow code completion. | |
PostmanStreamline API development and testing with the power of Postman, directly in your favorite IDE. | |
PrismaAdds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files. | |
YAMLYAML Language Support by Red Hat, with built-in Kubernetes syntax support | |
Svg PreviewPreview for Svg files | |
File UtilsA convenient way of creating, duplicating, moving, renaming and deleting files and directories. | |
Cody: AI Coding Assistant with Autocomplete & ChatAI coding assistant that uses search & codebase context to help you write code faster. Cody brings you autocomplete, chat, and commands, so you can generate code, write unit tests, create docs, and explain complex code using AI. Choose from the best LLMs, including GPT-4o and Claude 3.5 Sonnet. | |
Code Spell CheckerSpelling checker for source code | |
vscode-styled-componentsSyntax highlighting for styled-components | |
Tabnine: AI Chat & Autocomplete for JavaScript, Python, Typescript, Java, PHP, Go, and moreTabnine is the AI code assistant that accelerates and simplifies software development while keeping your code private, secure, and compliant. It provides accurate, highly personalized results for generating code, writing unit tests, creating documentation, explaining legacy code, fixing code, and mu | |
open in browserThis allows you to open the current file in your default browser or application. | |
UMLetFree UML Tool for Fast UML Diagrams | |
ShellCheckIntegrates ShellCheck into VS Code, a linter for Shell scripts. | |
MDXLanguage support for MDX | |
Error LensImprove highlighting of errors, warnings and other language diagnostics. | |
Highlight Matching TagHighlights matching closing and opening tags | |
IntelliCode API Usage ExamplesSee relevant code examples from GitHub for over 100K different APIs right in your editor. | |
IntelliCodeAI-assisted development | |
VimVim emulation for Visual Studio Code | |
GistPadManage your code snippets and developer notes using GitHub Gists and repositories. | |
Console NinjaJavaScript console.log output and runtime errors right next to your code. | |
MDX PreviewMDX Preview | |
Pretty TypeScript ErrorsMake TypeScript errors prettier and more human-readable in VSCode | |
Markdown All in OneAll you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more) |