Jekyll2022-11-22T03:50:52+00:00https://code2020.dev/feed.xmlCode 20/20VS Code tips and tricks from the future to todayMatt BiernerMarkdown: Convert to reference link2022-11-14T00:00:00+00:002022-11-14T00:00:00+00:00https://code2020.dev/markdown-convert-reference-link<p>Markdown reference links let you reuse the same link at multiple spots in a file.</p>
<p>Use VS Code’s <code class="language-plaintext highlighter-rouge">Extract Link Definition</code> code action quickly convert all occurrences of a given link in the current file to a reference link. This creates a link definition at the bottom of the file and rewrites all links to reference that definition.</p>
<p>Reference links are especially helpful when maintaining longer #Markdown documents.</p>Matt BiernerMarkdown reference links let you reuse the same link at multiple spots in a file.Sticky scrolling2022-11-01T00:00:00+00:002022-11-01T00:00:00+00:00https://code2020.dev/stricky-scrolling<p>Sticky scrolling quickly shows you where you are in your code. This feature shows the class/function you are in at the top of the editor.</p>
<p>You can enable it with the <code class="language-plaintext highlighter-rouge">editor.stickyScroll.enabled</code> setting. Languages like JavaScript/TypeScript and Markdown are supported out of the box. Support for other languages can be enabled by extensions.</p>Matt BiernerSticky scrolling quickly shows you where you are in your code. This feature shows the class/function you are in at the top of the editor.Markdown link validation2022-10-12T00:00:00+00:002022-10-12T00:00:00+00:00https://code2020.dev/markdown-link-validation<p>Tried of breaking links in your markdown? Try turning on the new <code class="language-plaintext highlighter-rouge">markdown.validate.enabled</code> setting in VS Code!</p>
<p>This will help check links to images, local files, and other sections of your Markdown document.</p>Matt BiernerTried of breaking links in your markdown? Try turning on the new markdown.validate.enabled setting in VS Code!Crop images2022-10-05T00:00:00+00:002022-10-05T00:00:00+00:00https://code2020.dev/crop-images<p>The <a href="https://marketplace.visualstudio.com/items?itemName=Tyriar.luna-paint">Luna Paint extension</a> lets you crop png, jpeg, bmp, webp, and ico image files directly within VS Code!</p>Matt BiernerThe Luna Paint extension lets you crop png, jpeg, bmp, webp, and ico image files directly within VS Code!Drag and drop code2022-09-29T00:00:00+00:002022-09-29T00:00:00+00:00https://code2020.dev/drag-and-drop-code<p>Just click and drag selected text to move it around in VS Code. If you hold <kbd>option</kbd>/<kbd>alt</kbd> when dropping, the selected text is copied instead of moved.</p>
<p>Disable drag and drop with the <code class="language-plaintext highlighter-rouge">editor.dragAndDrop</code> setting.</p>Matt BiernerJust click and drag selected text to move it around in VS Code. If you hold option/alt when dropping, the selected text is copied instead of moved.Git post commit commands2022-09-24T00:00:00+00:002022-09-24T00:00:00+00:00https://code2020.dev/git-post-commit<p>The <code class="language-plaintext highlighter-rouge">git.postCommitCommand</code> setting makes VS Code automatically run a git push or a git pull and push after a commit.</p>
<p>Even after configuring the default using the setting, you can select different behavior for an individual commit with the commit button’s dropdown.</p>Matt BiernerThe git.postCommitCommand setting makes VS Code automatically run a git push or a git pull and push after a commit.Hex data inspector2022-09-21T00:00:00+00:002022-09-21T00:00:00+00:00https://code2020.dev/hex-data-inspector<p>In the <a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.hexeditor">Hex Editor extension</a> for VS Code, the data inspector to view selected binary data as different data types.</p>
<p>Includes support for signed and unsigned ints of different lengths, floats, and chars. You can even switch between big and little endian.</p>Matt BiernerIn the Hex Editor extension for VS Code, the data inspector to view selected binary data as different data types.Loaded scripts view2022-09-20T00:00:00+00:002022-09-20T00:00:00+00:00https://code2020.dev/loaded-scripts-view<p>The Loaded Scripts View in VS Code lets you see all scripts that have been loaded while debugging JavaScript.</p>
<p>You can browse the source of loaded scripts and even set breakpoints in dynamically loaded scripts, such as evaled code!</p>Matt BiernerThe Loaded Scripts View in VS Code lets you see all scripts that have been loaded while debugging JavaScript.Cycle file parts while renaming2022-09-15T00:00:00+00:002022-09-15T00:00:00+00:00https://code2020.dev/f2-cycle-renaming<p>Press <kbd>F2</kbd> when renaming files in the VS Code explorer to cycle through the parts of the file name. This loops through:</p>
<ul>
<li>Just the name (without ext)</li>
<li>The entire filename</li>
<li>Just the extension</li>
</ul>Matt BiernerPress F2 when renaming files in the VS Code explorer to cycle through the parts of the file name. This loops through:Authoring git commits in an editor2022-09-06T00:00:00+00:002022-09-06T00:00:00+00:00https://code2020.dev/git-editor-commit-messages<p>Need more space to author a long git commit message in VS Code? Just press <code class="language-plaintext highlighter-rouge">Commit</code> with an empty message in the source control view. This opens a full sized editor for writing the commit message!</p>Matt BiernerNeed more space to author a long git commit message in VS Code? Just press Commit with an empty message in the source control view. This opens a full sized editor for writing the commit message!