The latest articles on DEV Community by Fuad Pashayev (@fuadpashayev). https://dev.to/fuadpashayev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F307933%2F61c0412e-622d-405e-9a77-755fbd5dee89.jpeg https://dev.to/fuadpashayev en Fuad Pashayev Sat, 20 Aug 2022 12:54:00 +0000 https://dev.to/fuadpashayev/amazing-vscode-extension-4nog https://dev.to/fuadpashayev/amazing-vscode-extension-4nog <h3> Intro </h3> <p>As you know <code>Terminal</code> is one of the most essential tools that we use. </p> <p>But in VSCode we have to use following ways to open terminal:</p> <ul> <li> <p>Shortcut</p> <ul> <li> <code>ctrl + '</code>(MacOS)</li> <li> <code>alt + '</code> (Windows)</li> </ul> </li> <li><p>Top Menu &gt; <code>Terminal</code></p></li> </ul> <p>Sometimes we need <code>Terminal</code> access in our hands.</p> <h3> Extension </h3> <p>So, I am inspired from Jetbrains products such as <code>PhpStorm</code>, <code>WebStorm</code> or etc. which has <code>Terminal</code> button on bottom status bar (bottom menu) as below image:</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9k3wukskbf84f7f2kqwm.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9k3wukskbf84f7f2kqwm.png" alt="PhpStorm bottom menu"></a></p> <p>And that is why I decided to create an extension to access my favorite thing - <code>CLI</code> easily, with one click.</p> <h3> Installation </h3> <p>You can easily download this extension from <code>VSCode Extensions (Marketplace)</code><br> Just search for <strong><code>bottom-terminal</code></strong> in Extensions Tab as below:</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fslih94svzw5wi8yeovqg.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fslih94svzw5wi8yeovqg.png" alt="VSCode Extensions Marketplace"></a></p> <p>And ta dammm 🎉. Now we have <code>Terminal</code>button on bottom menu, so we can easily open it. Good codings 😉</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fakoj2yhyj20lzp2v98yb.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fakoj2yhyj20lzp2v98yb.png" alt="VSCode bottom menu"></a></p> <p>Here is the link to the <a href="https://marketplace.visualstudio.com/items?itemName=fuadpashayev.bottom-terminal" rel="noopener noreferrer">extension</a> and <a href="https://github.com/fuadpashayev/vscode-ext-bottom-terminal" rel="noopener noreferrer">github repo</a>.</p> vscode programming extension terminal