The latest articles on Forem by Abdul Malik (@zihadm654). https://forem.com/zihadm654 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%2F647672%2F5d465434-74b5-43af-a815-1d68ddc5fc7f.jpeg https://forem.com/zihadm654 en Abdul Malik Sat, 21 Aug 2021 16:13:49 +0000 https://forem.com/zihadm654/top-5-vscode-tips-tricks-44ik https://forem.com/zihadm654/top-5-vscode-tips-tricks-44ik <h4> If your are a developer for quite some times you will be familiar with these names. These top 5 vscode tips will make you code efficiently. </h4> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Emmet </code></pre> </div> <p><strong>Emmet</strong> is a life saver for any developer who is working with any kind of language. Emmet makes it easier to write code faster. Emmet is just a auto compelete tool. It auto compelete your syntax based on what your writing.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>command Pallete </code></pre> </div> <p><strong>Command Pallete</strong> is shortcut way of finding any of the vscode functionality. It's the fastest way to open any thing in vs code without touching the mouse. Just type and open it.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>SidePanel </code></pre> </div> <p><strong>SidePanel</strong> As a developer you are mostly engaged with the keyboard most often. And It make you efficient when you are using mouse less or not using it. So, It is a pain to open or close side panel. It's ctrl + b and it's done now you can go with your coding.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Prettier </code></pre> </div> <p><strong>Prettier</strong> Its a real pain when you have format your code. And prettier makes it easier to format your code and forget about formating. You need to just install prettier and your are done. set it to save on format.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Bracket coloraizer 2 </code></pre> </div> <p><strong>Bracket coloraizer 2</strong> is a extension which highlight your brackets. When their is too many code you find it difficult to find the specific bracket. And bracket coloraizer made it easier for you. If you need to now the a specific bracket opening and ending tag just select a tag and it will highlight the opening and ending of that tag.</p> <p>Thanks for the patience.<br> Have a nice day</p> vscode react html javascript