Vim on Pratham Dupare

Vim on Pratham Duparehttps://heypratham.in/tags/vim/Recent content in Vim on Pratham DupareHugoen-USSun, 08 Dec 2024 00:00:00 +0000Top 10 essential Vim Trickshttps://heypratham.in/write/top-10-vim-tricks/Sun, 08 Dec 2024 00:00:00 +0000https://heypratham.in/write/top-10-vim-tricks/<h3 id="1-jump-to-matching-parentheses-or-braces">1. Jump to Matching Parentheses or Braces</h3> <pre tabindex="0"><code>function matchingBraces() { if (true) { console.log("Jump between these braces using %"); } } </code></pre><h3 id="2-visual-block-editing">2. Visual Block Editing</h3> <h4 id="use-c-v-to-select-a-block-of-text-and-edit-all-rows-simultaneously">Use <code><C-v></code> to select a block of text and edit all rows simultaneously.</h4> <pre tabindex="0"><code>const ock1 = "Edit me!"; const ock2 = "Edit me!"; const ock3 = "Edit me!"; </code></pre><h3 id="3-move-by-search-history">3. Move by Search History</h3> <h4 id="use-log-to-search-for-log-then-press-n-to-move-to-the-next-match-and-n-for-the-previous-match">Use <code>/log</code> to search for “log”, then press <code>n</code> to move to the next match and <code>N</code> for the previous match.</h4> <pre tabindex="0"><code>console.log("Search for this log statement."); console.log("Another log statement."); </code></pre><h3 id="4-try-ci-or-di-to-modify-or-delete-the-text-inside-these-quotes">4. Try <code>ci"</code> or <code>di"</code> to modify or delete the text inside these quotes.</h3> <pre tabindex="0"><code>const greeting = "Change or delete this text."; const foo = () => { console.log("Vim is awesome"); }; </code></pre><h3 id="5-repeat-the-last-command">5. Repeat the Last Command</h3> <h4 id="delete-this-line-using-dd-then-press--on-the-next-line-to-repeat-the-delete">Delete this line using <code>dd</code>, then press <code>.</code> on the next line to repeat the delete.</h4> <pre tabindex="0"><code>const repeatCommand = "Repeat this delete."; </code></pre><h3 id="6-replace-text-globally">6. Replace Text Globally</h3> <h4 id="use-soldnewg-to-replace-all-instances-of-old-with-new">Use <code>:%s/old/new/g</code> to replace all instances of “old” with “new”.</h4> <pre tabindex="0"><code>const oldVariable = "Replace all 'old' instances."; </code></pre><h3 id="7-swap-two-lines">7. Swap Two Lines</h3> <h4 id="use-ddp-to-swap-this-line">Use <code>ddp</code> to swap this line…</h4> <pre tabindex="0"><code>console.log("This line should be swapped below..."); </code></pre><h3 id="8-incrementdecrement-numbers">8. Increment/Decrement Numbers</h3> <h4 id="place-your-cursor-on-the-numbers-below-and-press-c-a-to-increment-or-c-x-to-decrement">Place your cursor on the numbers below and press <code><C-a></code> to increment or <code><C-x></code> to decrement.</h4> <pre tabindex="0"><code>let number = 40; // Increment or decrement this number. </code></pre><h3 id="9-reformat-code">9. Reformat Code</h3> <h4 id="select-this-block-of-code-and-press--to-auto-indent-it">Select this block of code and press <code>=</code> to auto-indent it.</h4> <pre tabindex="0"><code>function messyCode() { const foo = "fjkdj"; } </code></pre><h3 id="10-toggle-case">10. Toggle Case</h3> <h4 id="place-your-cursor-on-the-text-below-and-press--to-toggle-its-case">Place your cursor on the text below and press <code>~</code> to toggle its case.</h4> <pre tabindex="0"><code>const caseToggle = "Toggle This Case."; </code></pre>