Comprehensive list of VS Code tips and tricks that work across both Windows and Mac.
<h1>VS Code Tips and Tricks</h1>
<h2>Essential Keyboard Shortcuts</h2>
<table>
<thead>
<tr>
<th>Action</th>
<th>Windows</th>
<th>Mac</th>
</tr>
</thead>
<tbody>
<tr>
<td>Command Palette</td>
<td><code>Ctrl+Shift+P</code></td>
<td><code>Cmd+Shift+P</code></td>
</tr>
<tr>
<td>Quick Open File</td>
<td><code>Ctrl+P</code></td>
<td><code>Cmd+P</code></td>
</tr>
<tr>
<td>Toggle Sidebar</td>
<td><code>Ctrl+B</code></td>
<td><code>Cmd+B</code></td>
</tr>
<tr>
<td>Toggle Terminal</td>
<td><code>Ctrl+`</code></td>
<td><code>Cmd+`</code></td>
</tr>
<tr>
<td>Multi-cursor Selection</td>
<td><code>Ctrl+D</code></td>
<td><code>Cmd+D</code></td>
</tr>
<tr>
<td>Line Actions</td>
<td></td>
<td></td>
</tr>
<tr>
<td>- Copy Line Down</td>
<td><code>Shift+Alt+↓</code></td>
<td><code>Shift+Option+↓</code></td>
</tr>
<tr>
<td>- Move Line Up/Down</td>
<td><code>Alt+↑/↓</code></td>
<td><code>Option+↑/↓</code></td>
</tr>
<tr>
<td>- Delete Line</td>
<td><code>Ctrl+Shift+K</code></td>
<td><code>Cmd+Shift+K</code></td>
</tr>
<tr>
<td>- Comment Line</td>
<td><code>Ctrl+/</code></td>
<td><code>Cmd+/</code></td>
</tr>
</tbody>
</table>
<h2>Power User Features</h2>
<h3>Smart Selection</h3>
<ul>
<li>Double-click to select a word</li>
<li>Triple-click to select a line</li>
<li><code>Alt+Click</code> (Windows) or <code>Option+Click</code> (Mac) for multiple cursors</li>
<li><code>Shift+Alt+Mouse drag</code> (Windows) or <code>Shift+Option+Mouse drag</code> (Mac) for column selection</li>
</ul>
<h3>Productivity Boosters</h3>
<ol>
<li>Zen Mode: <code>Ctrl+K Z</code> (Windows) or <code>Cmd+K Z</code> (Mac)</li>
<li>Split Editor: <code>Ctrl+\</code> (Windows) or <code>Cmd+\</code> (Mac)</li>
<li>Navigate Back/Forward:
<ul>
<li>Windows: <code>Alt+←/→</code></li>
<li>Mac: <code>Ctrl+-</code> / <code>Ctrl+Shift+-</code></li>
</ul>
</li>
</ol>
<h3>Search and Replace</h3>
<ul>
<li>Find in File: <code>Ctrl+F</code> (Windows) / <code>Cmd+F</code> (Mac)</li>
<li>Find in All Files: <code>Ctrl+Shift+F</code> (Windows) / <code>Cmd+Shift+F</code> (Mac)</li>
<li>Replace: <code>Ctrl+H</code> (Windows) / <code>Cmd+H</code> (Mac)</li>
</ul>
<h2>Essential Extensions</h2>
<ol>
<li>Git Lens - Enhanced Git integration</li>
<li>Prettier - Code formatting</li>
<li>Live Share - Real-time collaboration</li>
<li>Thunder Client - API testing</li>
<li>Remote - SSH - Remote development</li>
</ol>
<h2>Time-Saving Tips</h2>
<h3>Snippets</h3>
<pre><code class="language-json">{
 &quot;Print to console&quot;: {
 &quot;prefix&quot;: &quot;log&quot;,
 &quot;body&quot;: &quot;console.log(\$1);&quot;,
 &quot;description&quot;: &quot;Log output to console&quot;
 }
}
</code></pre>
<h3>Settings Sync</h3>
<ol>
<li>Enable Settings Sync: <code>Ctrl+Shift+P</code> (Windows) / <code>Cmd+Shift+P</code> (Mac)</li>
<li>Type “Settings Sync”</li>
<li>Select “Turn on Settings Sync”</li>
</ol>
<h3>Integrated Terminal Tips</h3>
<ul>
<li>Split Terminal: <code>Ctrl+Shift+5</code> (Windows) / <code>Cmd+Shift+5</code> (Mac)</li>
<li>Switch Between Terminals: <code>Alt+←/→</code> (Windows) / <code>Option+←/→</code> (Mac)</li>
</ul>
<h2>Workspace Optimization</h2>
<h3>Workspace Settings</h3>
Create <code>.vscode/settings.json</code> in your project:
<pre><code class="language-json">{
 &quot;editor.formatOnSave&quot;: true,
 &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;,
 &quot;editor.tabSize&quot;: 2,
 &quot;files.trimTrailingWhitespace&quot;: true
}
</code></pre>
<h3>Tasks</h3>
Create <code>.vscode/tasks.json</code> for automated tasks:
<pre><code class="language-json">{
 &quot;version&quot;: &quot;2.0.0&quot;,
 &quot;tasks&quot;: [
 {
 &quot;label&quot;: &quot;Build Project&quot;,
 &quot;type&quot;: &quot;shell&quot;,
 &quot;command&quot;: &quot;npm run build&quot;,
 &quot;group&quot;: {
 &quot;kind&quot;: &quot;build&quot;,
 &quot;isDefault&quot;: true
 }
 }
 ]
}
</code></pre>
<h2>Debug Like a Pro</h2>
<ol>
<li>Set breakpoints by clicking the gutter</li>
<li>Use the Debug Console: <code>Ctrl+Shift+Y</code> (Windows) / <code>Cmd+Shift+Y</code> (Mac)</li>
<li>Step through code:
<ul>
<li>Step Over: F10</li>
<li>Step Into: F11</li>
<li>Step Out: Shift+F11</li>
</ul>
</li>
</ol>
<h2>Git Integration</h2>
<ul>
<li>Source Control panel: <code>Ctrl+Shift+G</code> (Windows) / <code>Cmd+Shift+G</code> (Mac)</li>
<li>Stage changes: <code>Ctrl+Enter</code> on changed file</li>
<li>Quick git commands: <code>Ctrl+Shift+P</code> then type “git”</li>
</ul>
<h2>Performance Tips</h2>
<ol>
<li>Disable unused extensions</li>
<li>Use Workspace Trust for better security</li>
<li>Regularly clear editor history</li>
<li>Update VS Code and extensions regularly</li>
</ol>
<pre><code>
I&#x27;ve created a comprehensive guide covering essential VS Code features and tips. Here are some highlights:

1. The keyboard shortcuts are listed with both Windows and Mac equivalents
2. I&#x27;ve included popular extensions that boost productivity
3. There are examples of useful workspace settings and tasks
4. Debug and Git integration tips are covered

Would you like me to elaborate on any particular section or add more specific tips for certain types of development work?</code></pre>

Its a public squad for all React Native Developers to post about their project, discuss about any problem or solutions. Let's build a React Native Developers Community

React Native Devs

Comprehensive guide covering essential VS Code features including keyboard shortcuts for both Windows and Mac, popular productivity-boosting extensions, useful workspace settings, and tips for debugging and git integration.

VS Code Tips and Tricks

Might be worth mentioning that those keyboard shortcuts are only valid if you use the default keymap.
Also, the Eclipse keymap is superior in my opinion.

Great insights. But isn’t Ctrl + P used for quick search?