Prisma | Diego Fernandes

fala-dev

ESLintIntegrates ESLint JavaScript into VS Code.

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

GitKraken

Material Icon ThemeMaterial Design Icons for Visual Studio Code

Philipp Kief

Remote - SSHOpen any folder on a remote machine using SSH and take advantage of VS Code's full feature set.

Microsoft

Remote - SSH: Editing Configuration FilesEdit SSH configuration files

Microsoft

Live ShareReal-time collaborative development from the comfort of your favorite tools.

Microsoft

Remote ExplorerView remote machines for SSH and Tunnels.

Microsoft

Code Spell CheckerSpelling checker for source code

Street Side Software

Tailwind CSS IntelliSenseIntelligent Tailwind CSS tooling for VS Code

Tailwind Labs

DotENVSupport for dotenv file syntax

mikestead

TODO Highlighthighlight TODOs, FIXMEs, and any keywords, annotations...

Wayou Liu

SQLiteExplore and query SQLite databases.

alexcvzz

Live Share Extension PackCollection of extensions that enable real-time collaborative development with VS Live Share.

Microsoft

PrismaAdds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files.

Prisma

Shades of Purple🦄 A professional theme suite with hand-picked & bold shades of purple for your VS Code editor and terminal apps. One of the excellent, most downloaded, and top-rated VSCode Themes on the marketplace. Part of VSCode.pro course.

Ahmad Awais ⚡

Better TOMLBetter TOML Language support

bungcip

vscode-styled-componentsSyntax highlighting for styled-components

Styled Components

Polacode📸 Polaroid for your code

P & P

Fluent IconsFluent product icons for Visual Studio Code

Miguel Solorio

PostCSS Language SupportSyntax highlighting for modern and experimental CSS in VSCode

csstools

Console NinjaJavaScript console.log output and runtime errors right next to your code.

Wallaby.js

CSS ModulesVisual Studio Code extension for CSS Modules

clinyong

DenoA language server client for Deno.

denoland

Regex PreviewerRegex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.

Christof Marti

Omni ThemeDark theme created by Rocketseat 🚀

Rocketseat

MDXLanguage support for MDX

unified

Apollo GraphQLRich editor support for GraphQL client and server development that seamlessly integrates with the Apollo platform

Apollo GraphQL

Catppuccin for VSCode🦌 Soothing pastel theme for VSCode

Catppuccin

SymbolsA simple file icon theme for VS Code

Miguel Solorio

Min ThemeA minimal theme that comes in dark and light.

Miguel Solorio

Brazilian Portuguese - Code Spell CheckerBrazilian Portuguese dictionary extension for VS Code.

Street Side Software

Fix VSCode ChecksumsA VSCode extension to adjust checksums after changes to core files

Jürg Lehni

CSS-in-JSCSS-in-JS autocomplete and conversion

paulmolluzzo

GraphQL: Inline Operation ExecutionExecute graphql operations from your code (revived!)

GraphQL Foundation

FreeMarkerSyntax highlight for FreeMarker

Daniel Cortes

Rosé PineAll natural pine, faux fur and a bit of soho vibes for the classy minimalist

Rosé Pine

JavaScript Debugger Companion ExtensionCompanion extension to js-debug that provides capability for remote debugging

Microsoft

JavaScript DebuggerAn extension for debugging Node.js programs and Chrome.

Microsoft

Launchbase ThemeLaunchbase theme for vscode

Mayk Brito

iTerm2 Theme Sync

tusaeff

Table Visualizer for JavaScript ProfilesText visualizer for profiles taken from the JavaScript debugger

Microsoft

reTypewriterReply the steps of your changes at ease.

Anthony Fu

Prisma

v6.0.0

Prisma

2,129,949

(24)

Adds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files.

Install

Prisma VS Code Extension

Adds syntax highlighting, linting, code completion, formatting, jump-to-definition and more for Prisma Schema files.

Features

Syntax highlighting of schema.prisma
Linting
- Diagnostic tools are used to surface errors and warnings in your schema file as you type.
Code Completion
- Completion results appear for symbols as you type.
- You can trigger this manually with the Ctrl+Space shortcut.
Documentation help
- Documentation of a completion result pops up as completion results are provided.
Quick info on hover
- Documentation Comments (///) of models and enums appear anywhere you hover over their usages.
Go to Definition
- Jump to or peek a model or enum's declaration.
Formatting
- Format code either manually or on save (if configured).
  - To automatically format on save, add the following to your settings.json file:
```
"editor.formatOnSave": true
```
  - To enable formatting in combination with prettier, add the following to your settings.json file:
```
"[prisma]": {
  "editor.defaultFormatter": "Prisma.prisma"
},
```
    or use the Prettier plugin for Prisma
Rename
- Rename models, enums, fields and enum values
  - Click into the model or enum, press F2 and then type the new desired name and press Enter
  - All usages will be renamed
  - Automatically applies @map or @@map on the schema
Quick-fixes
- Quickly fix typos in model and enum names
- Create new models and enums with a single click

Preview

Syntax-Highlighting

Syntax highlighting eases visual comprehension of the Prisma schema.

Formatting

Formatting ensures consistent indentation of your models for better readability.

Linting and autocompletion

Linting shows inline errors in the schema, and autocompletion assists in defining the correct type.

Contextual suggestions

Contextual suggestions assist in defining field types, models, and relations while formatting automatically defines back relations.

Jump-to-definition

Easily navigate definitions, i.e. models in the Prisma schema.

Contributing

Telemetry

This extension collects telemetry data to help us better the usage of the extension. You can read more about that in Prisma's documentation. The extension respects:

the telemetry.enableTelemetry setting in VS Code (deprecated since v1.61).
the telemetry.telemetryLevel setting in VS Code (see docs)

If you want to opt out of telemetry you can either, in your VS Code settings:

set "telemetry.enableTelemetry": false
set "telemetry.telemetryLevel": "off" (or "crash" or "error")

Build information

This is for Prisma CLI 6.0.0.

Security

If you have a security issue to report, please contact us at security@prisma.io

Github