The latest articles on DEV Community by Hannah Mehreteab (@hannahtesfay). https://dev.to/hannahtesfay 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%2F486162%2F25fa1422-7b62-45e3-bd52-b520d8f09825.JPG https://dev.to/hannahtesfay en Hannah Mehreteab Fri, 09 Oct 2020 16:56:14 +0000 https://dev.to/hannahtesfay/my-digital-workspace-3ham https://dev.to/hannahtesfay/my-digital-workspace-3ham <p>Hi! 👋 I'm Hannah - a full-stack developer and a recent graduate of <a href="https://getfutureproof.co.uk">Futureproof</a>. Alongside the trial and error involved in <em>learning</em> to code, there's also trial and error involved in finding your preferred <em>software</em> to code with! I've tried several different code editors and extensions before settling on my favourites, so I'll kick off my series of weekly blogs with a mini-tour of my digital workspace.</p> <h2> Terminal </h2> <h3> <strong><a href="https://hyper.is">Hyper</a></strong> - terminal emulator </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RIVZCi-y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/tP2yjps.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RIVZCi-y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/tP2yjps.png" alt="Hyper" width="880" height="837"></a></p> <ul> <li>I'm using the <strong><a href="https://github.com/denysdovhan/spaceship-prompt">Spaceship <code>zsh</code> prompt</a></strong> - there are a plethora of customisation options available including colouring, git repo status indicators and more.</li> <li>Hyper also allows you to install extensions for extra functionality - I'm using the <strong><a href="https://www.npmjs.com/package/hyper-custom-touchbar">hyper-custom-touchbar</a></strong> extension to keep some simple commands at easy access <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UCpJ46MU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/xZ6uytT.png" alt="Touchbar" width="880" height="26"> </li> </ul> <h3> <strong>Aliases</strong> </h3> <p>I definitely need to make more use of aliases to speed up my command line usage, but as of now I use the following:</p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Alias</th> <th>Command</th> </tr> </thead> <tbody> <tr> <td><code>code</code></td> <td>A very quick and easy way to open the current directory in Visual Studio Code. Instructions <a href="https://code.visualstudio.com/docs/setup/mac">here</a>!</td> </tr> <tr> <td><code>...</code></td> <td>Much quicker than <code>../..</code> </td> </tr> <tr> <td><code>gcm</code></td> <td><code>git commit -m</code></td> </tr> </tbody> </table></div> <h2> Editor </h2> <h3> <strong><a href="https://code.visualstudio.com">Visual Studio Code</a></strong> </h3> <p>Some of my favourite extensions:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--e6YCDMMR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/aAClKw4.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--e6YCDMMR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://i.imgur.com/aAClKw4.png" alt="Bracket Pair Colorizer 2" width="880" height="299"></a></p> <ul> <li> <strong><a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2">Bracket Pair Colorizer 2</a></strong> - This extension has virtually eliminated any frustrating missing bracket errors I have while coding! It not only matches colours, but displays a line joining opening and closing brackets so you'll never get lost.</li> <li> <strong><a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare">Live Share</a></strong> - My favourite tool for collaborative coding, this was definitely the most popular choice when working on group projects at Futureproof</li> </ul> <p>I also use the <strong><a href="https://github.com/tonsky/FiraCode">FiraCode</a></strong> font with ligatures turned on - it's a small change but positively impacts readability for me!</p>