The latest articles on DEV Community by Sean Marchetti (@smarchetti). https://dev.to/smarchetti 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%2F342883%2F5cbf9285-39bd-4a9e-97cb-c50bed462c39.jpeg https://dev.to/smarchetti en Sean Marchetti Thu, 27 Feb 2020 17:42:01 +0000 https://dev.to/smarchetti/styling-zsh-completions-4a91 https://dev.to/smarchetti/styling-zsh-completions-4a91 <p>I spend a good portion of my time in the terminal, so I recently decided to learn how to configure it. I use <code>zsh</code>, which is extremely customizable, and there are plenty of tutorials out there to help you get started. One of the best parts of <code>zsh</code> is its completion system. Typing a command and hitting tab will show you it’s options and arguments.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BI4NAWd8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gmhbxcwmjlhnvxhw5pko.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BI4NAWd8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gmhbxcwmjlhnvxhw5pko.png" alt="Before"></a></p> <p>The default styling is functional, but it’s not pretty, and we can fix it. Adding the following lines to your <code>.zshrc</code> produces a much cleaner result.<br> </p> <div class="highlight"><pre class="highlight shell"><code>zstyle <span class="s1">':completion:\*'</span> menu <span class="k">select </span>zstyle <span class="s1">':completion:\*:descriptions'</span> format <span class="s1">$'</span><span class="se">\\</span><span class="s1">n%F{yellow}%U%B%d%b%u%f</span><span class="se">\\</span><span class="s1">n'</span> zstyle <span class="s1">':completion:\*'</span> group-name <span class="s1">''</span> </code></pre></div> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mZ5F_c0Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/1akczpxeeas1ff7rvo7k.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mZ5F_c0Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/1akczpxeeas1ff7rvo7k.png" alt="After"></a></p> <p>Of course, there are many things you can tweak with <code>zstyle</code> and I encourage you to check it out by using the completion system.</p> zsh terminal