DEV Community

Cover image for Integrated Terminal - A powerful feature!
Garima
Garima

Posted on • Edited on

Integrated Terminal - A powerful feature!

VS Code provides a full fledged terminal that starts at the root of the workspace.

To open the terminal:

  • Use the ⌃` keyboard shortcut to toggle the terminal panel.
  • Use the ⌃⇧` keyboard shortcut to create a new terminal.
  • Use the View > Terminal or Terminal > New Terminal menu commands.
  • From the Command Palette (⇧⌘P), use the View: Toggle Terminal command.

Terminal Image

You can open a new terminal session directly in VS Code in your working directory using ctrl+ backtick (the key below the escape key).

When you start your terminal it uses your default shell, if you click on the caret it will show you a list of shells you can use if needed.

Shells

What often happens though is you may need multiple terminal sessions running at the same time. Like one for your server and other for managing git or tests.

You can also change the name, color, icon of that terminal session, right click on the terminal session you want to change the information for you may see these options

terminal sessions

Click on change color, different color options may appear in the command palatte.

terminal info

terminal info

Similarly you can change the icon, name, color etc. And now you need to fumble between the different terminals to figure out what each one is doing.

Now if you type out an actual command in the terminal and you screw it up you can actually you can use control + arrows(right|left) to navigate through the command your mouse won't even work here. You can clear the terminal using ctrl|cmd + k then use up arrow to go to the last command in your history.

Tasks

What if there is a way where you don't have to write the same command over and over again in the same terminal. Like how many time you might have written npm start or npm run dev to simplify thing you can create a VS Code task which is just a JSON configuration that contains the commands that you want to run in the terminal.

Create a task

  • Go to command palette ctrl|cmd + shift + p
  • write task
  • select configure default build task

vs code tasks

vs code tasks

vs code tasks

vs Code tasks

All these powerful features may help you boost your productivity while coding. Let me know in the comments below the productivity hack you use to boost your productivity.

Want to connect?

twitter · blogs · portfolio · email · linkedin

Top comments (0)