DEV Community

Cover image for Vscode tips & extension
Antoine
Antoine

Posted on • Updated on

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 !

Top comments (0)