DEV Community

Cover image for Vscode tips & extension
Antoine
Antoine

Posted on • Edited on

4 2

Vscode tips & extension

Photo by Mark Fletcher-Brown on Unsplash

This post is about some visual studio code extension, and tips i found.

VS Code

Commands

Here are some command i used:

F1 : Open command
Ctrl + P : Find File
Ctrl + T : Find method
Ctrl+⇧+P: : Toggle Screencast Mode (to show command)
Shit+Alt+F : Format Document
Ctrl+ù : Open Terminal
Shift + F12 : Find References
vscode cheatsheet

Extensions

Here is a snippet to list all installed extensions:

code --list-extensions | % { "code --install-extension $_" }
Enter fullscreen mode Exit fullscreen mode

Extension pack list [Docs authoring]

Extension recommended by Microsoft to write docs

CodeTour

CodeTour allow you to add
a tour with Markdown in your files.

Make link to send command to terminal

Write in your codetour

>> ls
Enter fullscreen mode Exit fullscreen mode

and it will be rendered as a link that will be executed in your terminal.

Insert diagram

Write

![text](relative link from the repository to your diagram)

Enter fullscreen mode Exit fullscreen mode

to refer to a svg file. You can couple this one with draw.io extension.

Examples

Microsoft Graph React Repo

Didact

Didact is a tool to interact and modify vscode itself.

The tutorial is easy to follow.

You can create link that can:

  • create named terminal
  • send command to named terminal
  • interact with vscode etc ..

This page is important to understand how to create lonk that will be interpreted as command using didact.

Hope this helps !

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more