{"componentChunkName":"component---src-templates-blog-post-blog-post-js","path":"/blog/general/vs-code-tips-and-tricks-1/","result":{"data":{"site":{"siteMetadata":{"title":"Martin Kruger - Fullstack Developer","author":"Martin Kruger","siteUrl":"https://www.martinkruger.com"}},"mdx":{"id":"4cb6661f-ca9d-55bd-9fa2-e1a66b7807d3","excerpt":"There are quite a few shortcut commands and tools available that are in VS Code which can greatly assist in programming. Here are 14 different commands that I…","frontmatter":{"date":"May 04, 2019","author":"Martin Kruger","title":"VS Code Tips and Tricks: Useful Commands","subtitle":"14 commands you should consider using in your workflow","summary":"14 commands to use in VS Code that will help you improve as a developer.","socialTags":["programming","vscode","coding","programmer"],"image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMEAf/EABcBAAMBAAAAAAAAAAAAAAAAAAABAgT/2gAMAwEAAhADEAAAAZnLfruYwZ//xAAXEAEBAQEAAAAAAAAAAAAAAAABABAx/9oACAEBAAEFAieRv//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8BP//EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAECAQE/AWf/xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAY/Al//xAAZEAEBAQEBAQAAAAAAAAAAAAABADERQVH/2gAIAQEAAT8hgA8+ydds3k63/9oADAMBAAIAAwAAABCHz//EABgRAAIDAAAAAAAAAAAAAAAAAAABESFB/9oACAEDAQE/EHL0s//EABYRAQEBAAAAAAAAAAAAAAAAAAARAf/aAAgBAgEBPxDER//EABwQAQACAQUAAAAAAAAAAAAAAAEAESEQQWFxof/aAAgBAQABPxBIlRCdtr5OtoSLlCUazp90/9k=","aspectRatio":1.9101123595505618,"src":"/static/5225943ff3e06ef2d2603c733d534663/1d671/vscode-2.jpg","srcSet":"/static/5225943ff3e06ef2d2603c733d534663/b119b/vscode-2.jpg 170w,\n/static/5225943ff3e06ef2d2603c733d534663/722c4/vscode-2.jpg 340w,\n/static/5225943ff3e06ef2d2603c733d534663/1d671/vscode-2.jpg 680w,\n/static/5225943ff3e06ef2d2603c733d534663/6e20c/vscode-2.jpg 1020w,\n/static/5225943ff3e06ef2d2603c733d534663/47498/vscode-2.jpg 1200w","sizes":"(max-width: 680px) 100vw, 680px"}}}},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"date\": \"2019-05-04T13:55:00+02:00\",\n  \"author\": \"Martin Kruger\",\n  \"title\": \"VS Code Tips and Tricks: Useful Commands\",\n  \"subtitle\": \"14 commands you should consider using in your workflow\",\n  \"summary\": \"14 commands to use in VS Code that will help you improve as a developer.\",\n  \"image\": \"vscode-2.jpg\",\n  \"socialTags\": [\"programming\", \"vscode\", \"coding\", \"programmer\"]\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"There are quite a few shortcut commands and tools available that are in VS Code which can greatly assist in programming. Here are 14 different commands that I believe will help you improve as a developer.\"), mdx(InfoBox, {\n    mdxType: \"InfoBox\"\n  }, \"Some of the default keybindings for the tips and tricks below can be difficult to use, and you should consider setting your own keybindings that are easier to reach.\"), mdx(\"p\", null, \"I\\u2019ve also covered these tips and tricks previously in the following YouTube video if you would like commentary on each of the commands:\"), mdx(\"div\", {\n    \"className\": \"gatsby-resp-iframe-wrapper\",\n    \"style\": {\n      \"paddingBottom\": \"56.25%\",\n      \"position\": \"relative\",\n      \"height\": \"0\",\n      \"overflow\": \"hidden\",\n      \"marginBottom\": \"1.0725rem\"\n    }\n  }, \" \", mdx(\"iframe\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"https://www.youtube.com/embed/sdCNkEMhGKM\",\n    \"frameBorder\": \"0\",\n    \"allow\": \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n    \"allowFullScreen\": true,\n    \"style\": {\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\",\n      \"width\": \"100%\",\n      \"height\": \"100%\"\n    }\n  })), \" \"), mdx(\"p\", null, \"Let\\u2019s start working through them:\"), mdx(\"h2\", {\n    \"id\": \"1-expand-line-selection\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"1. Expand Line Selection\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#1-expand-line-selection\",\n    \"aria-label\": \"1 expand line selection permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: ['Ctrl', 'L'],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Expand Line Selection\"), \" selects the entire line, which you can then copy/paste or move around.\"), mdx(Video, {\n    src: Video1,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"2-copy-line-up--down\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"2. Copy Line Up / Down\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#2-copy-line-up--down\",\n    \"aria-label\": \"2 copy line up  down permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: [['Shift', 'Alt', '↑'], ['Shift', 'Alt', '↓']],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Copy Line Up/Down\"), \" lets you duplicate a line upwards or downwards from the line your cursor is positioned on.\"), mdx(Video, {\n    src: Video2,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"3-delete-line\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"3. Delete Line\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#3-delete-line\",\n    \"aria-label\": \"3 delete line permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: ['Ctrl', 'Shift', 'K'],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Delete Line\"), \" will delete the entire line where the cursor is positioned.\"), mdx(Video, {\n    src: Video3,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(Kb, {\n    keys: [['Shift', 'Alt', '↑'], ['Shift', 'Alt', '↓']],\n    join: \"or\",\n    mdxType: \"Kb\"\n  }), mdx(\"h2\", {\n    \"id\": \"4-toggle-line-comment\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"4. Toggle Line Comment\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#4-toggle-line-comment\",\n    \"aria-label\": \"4 toggle line comment permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: ['Ctrl', 'Shift', '/'],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Toggle Line Comment\"), \" will comment out the line that your cursor is positioned at. It will also uncomment a single line of code.\"), mdx(Video, {\n    src: Video4,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"5-toggle-block-comment\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"5. Toggle Block Comment\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#5-toggle-block-comment\",\n    \"aria-label\": \"5 toggle block comment permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: ['Ctrl', 'Shift', 'A'],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Toggle Block Comment\"), \" will comment out multiple lines of code as well as uncomment multiple lines of code.\"), mdx(Video, {\n    src: Video5,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"6-move-line-updown\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"6. Move Line Up/Down\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#6-move-line-updown\",\n    \"aria-label\": \"6 move line updown permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: [['Alt', '↑'], ['Alt', '↓']],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Move Line Up/Down\"), \" will let you quickly move a line upwards or downwards so you can reposition it without having to cut and paste it.\"), mdx(Video, {\n    src: Video6,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"7-html-emmet\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"7. HTML Emmet\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#7-html-emmet\",\n    \"aria-label\": \"7 html emmet permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"p\", null, \"An emmet is an alias to run a script that typically generates a bunch of code for you.\"), mdx(\"p\", null, \"You can use an emmet to generate the content of a basic HTML file by typing \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"!\"), \" and then pressing \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Tab\"), \" or clicking the option with the mouse.\"), mdx(InfoBox, {\n    mdxType: \"InfoBox\"\n  }, \"Your file will need to have the \", mdx(\"b\", null, \".html\"), \" extension.\"), mdx(Video, {\n    src: Video7,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"8-wrap-with-abbreviation\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"8. Wrap with Abbreviation\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#8-wrap-with-abbreviation\",\n    \"aria-label\": \"8 wrap with abbreviation permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Wrap with Abbreviation\"), \" is a great tool to be using and is a huge time saver. It will wrap your HTML content with an element that you type in. For example, you can very quickly put a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"<h1>\"), \" tag around a line of text which is demonstrated in the video below.\"), mdx(InfoBox, {\n    mdxType: \"InfoBox\"\n  }, \"Wrap with Abbreviation does not have a default keybinding so you will need to set your own. I show you how to set your own keybinding at the bottom of this article if you are unsure of how to do that.\"), mdx(Video, {\n    src: Video8,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"9-add-selection-to-next-find-match\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"9. Add Selection to Next Find Match\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#9-add-selection-to-next-find-match\",\n    \"aria-label\": \"9 add selection to next find match permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: ['Ctrl', 'D'],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Add Selection to Next Find Match\"), \" will select text that is the same as the word your cursor is placed on or that you have highlighted. This is very useful for renaming variables or changing values that are the same. You can force it to only select words that have the same case (uppercase/lowercase) if you set your Find options to \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Match Case (Alt + C)\"), \".\"), mdx(Video, {\n    src: Video9,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"10-go-to-last-edit-location\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"10. Go to Last Edit Location\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#10-go-to-last-edit-location\",\n    \"aria-label\": \"10 go to last edit location permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: [['Ctrl', 'K'], ['Ctrl', 'Q']],\n    join: \"then\",\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Go to Last Edit Location\"), \" will take your cursor back to where you last edited, even if it\\u2019s in a different file. This lets you move around very quickly.\"), mdx(Video, {\n    src: Video10,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"11-rename-symbol\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"11. Rename Symbol\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#11-rename-symbol\",\n    \"aria-label\": \"11 rename symbol permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: ['F2'],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Rename Symbol\"), \" is probably my favorite of these tips. It works in both JavaScript and HTML files, but will operate slight differently.\"), mdx(\"p\", null, \"In HTML, it will rename the opening and closing tags of the element which is a huge time saver as you don\\u2019t have to go and change the closing tag yourself.\"), mdx(Video, {\n    src: Video11_1,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"p\", null, \"In JavaScript, Rename Symbol is even more powerful. You can use it to change the name of a variable throughout your project. It can also be used to rename a function which will then change the function name as well as any references to this function.\"), mdx(Video, {\n    src: Video11_2,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"12-find-in-files\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"12. Find in Files\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#12-find-in-files\",\n    \"aria-label\": \"12 find in files permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: ['Ctrl', 'Shift', 'F'],\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Find in Files\"), \" is like a normal search, except it is going to search through all of your files. This will usually be your main method of searching unless you want to only search within your file.\"), mdx(Video, {\n    src: Video12,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"13-deletewordleft-and-deletewordright\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"13. deleteWordLeft and deleteWordRight\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#13-deletewordleft-and-deletewordright\",\n    \"aria-label\": \"13 deletewordleft and deletewordright permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: [['Ctrl', 'Backspace'], ['Ctrl', 'Delete']],\n    join: \"or\",\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"deleteWordLeft / deleteWordRight\"), \" will quickly delete words instead of letters. This allows you to make corrections faster. deleteWordLeft will delete a word left of the cursor whereas deleteWordRight will delete a word right of the cursor.\"), mdx(Video, {\n    src: Video13,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"14-multiline-editing\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"14. Multiline Editing\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#14-multiline-editing\",\n    \"aria-label\": \"14 multiline editing permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(Kb, {\n    keys: [['Alt'], ['Alt', 'Shift']],\n    join: \"or\",\n    mdxType: \"Kb\"\n  }), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Multiline Editing\"), \" is where you have multiple cursors and your input is duplicated at each of these cursors. This allows you to very quickly make changes to multiple lines of code.\"), mdx(\"p\", null, \"The first way of performing multiline editing is to hold \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"alt\"), \" + \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"shift\"), \" and then select a block of code:\"), mdx(Video, {\n    src: Video14_1,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"p\", null, \"The second way of performing multiline editing is to hold \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"alt\"), \" and click where you want a new cursor to appear. This gives you more control over which lines are being edited:\"), mdx(Video, {\n    src: Video14_2,\n    controls: true,\n    loop: true,\n    mdxType: \"Video\"\n  }), mdx(\"h2\", {\n    \"id\": \"how-to-change-keybindings\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"How to change keybindings\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#how-to-change-keybindings\",\n    \"aria-label\": \"how to change keybindings permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"p\", null, \"You can open the keybindings window by pressing:\"), mdx(Kb, {\n    keys: [['Ctrl', 'K'], ['Ctrl', 'S']],\n    join: \"then\",\n    mdxType: \"Kb\"\n  }), mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }, \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/13ba83c07978ef478797b391f0e2c3fc/08c33/add-keybinding-1.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.64864864864865%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABtElEQVQoz2VS2XLTQBDURwB24uhYabWra63DxhYxBCh44BliwlEUv8D/v3SmBwRJ8TC1Mz09PYcUvbh5i2ma0PcDxnHE8TiLHbDf7wXrxT8KPmG77TEMI0LYouvCf0Z8t9sjmqXgdLpG5WsURaGitGEY0LatkDsRC+rXda0x/aZp/ry/feKsiThdK6D3FdI0k2J22iHLMolTfck5HA4oy1IFKMTckk+SBM45BBGNWJwXVshOkyRToKoqGGMUCyFoo1xi77xwOpTWaoOFU4ogayPeytrykSBvxzXyPFdsiTkJG4Xu3wmsCPNU3nvdNOKhHwryFvM8awEFFsFahBhzKorSKEJBTkm844T8eg8FOUkI3aMbcl3icRzrNMtUfLkFeRRshRP18mVs6eUGFTKTo5Yuvpb1MoNUjFiQX2orvFLuV0ihq+q/lko+STPNtXKK6LkQnUngTYr86gKty9GUIrRZwWzWMFdrjF2lZtONcGM01sBlsRrz2eVKNTpv5St/vMN0/oX43Q88e/kZl2++4eL1Vzw9ndWIMbd6dYcn1580t775Iv6t5G8lf1Y/f/8d/sNP3AM2qyn7Hm6PHAAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"VS Code Keyboard Shortcuts settings\",\n    \"title\": \"VS Code Keyboard Shortcuts settings\",\n    \"src\": \"/static/13ba83c07978ef478797b391f0e2c3fc/fcda8/add-keybinding-1.png\",\n    \"srcSet\": [\"/static/13ba83c07978ef478797b391f0e2c3fc/12f09/add-keybinding-1.png 148w\", \"/static/13ba83c07978ef478797b391f0e2c3fc/e4a3f/add-keybinding-1.png 295w\", \"/static/13ba83c07978ef478797b391f0e2c3fc/fcda8/add-keybinding-1.png 590w\", \"/static/13ba83c07978ef478797b391f0e2c3fc/efc66/add-keybinding-1.png 885w\", \"/static/13ba83c07978ef478797b391f0e2c3fc/c83ae/add-keybinding-1.png 1180w\", \"/static/13ba83c07978ef478797b391f0e2c3fc/08c33/add-keybinding-1.png 1570w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"), mdx(\"p\", null, \"Type in the command you want to add a new keybinding to, such as \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Wrap with Abbreviation\"), \".\"), mdx(\"p\", null, \"You can now press the keybinding you want to add. I will do \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Ctrl + T\"), \" in this example.\"), mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }, \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/865c0d3f478053252c6edb1badf40569/28a89/add-keybinding-2.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.64864864864865%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABkUlEQVQoz5WR226cMBCG/RBJoz1whgXbCxgMa7NA6SpVpd62SS77DH3/m7+2yTmVql58+sfjmX8YQ5av3zDoAX2vMI0TlmXBNI3QWqPrOszz/Bj3UEqjbSWEaNA07TNCtC6vjQ/RSmEYzshzhiiKzUWL45GDUergjKEsSzDGURQFOD+6mFJmdMXGnHPUtQBxBrw0hhRJnGKaLxi/fMfpfIEaL+jVZAbO6KQyxsJsotGIDlXVoK5ah81LeYJWI4iUEkmSIcty94V5QZGXErTuQM2gNMsQBKEjDCOETleiKEJseqwmSWo8DiD2bdL04Axtw263w363fcTE+70zS9PMmTvSzDXbvOftDZ5TW0vsAz8Z2kn20vf9Z+w5Z0e0/WDQ0ONnyNMaF7z6UE+qqv6nYWDWsysxY1yaevtjbE8QvtQ/KamFMGsUyA4UYZTA8wN4QbDqO3y74it9e7dC+qbBIQqRxyFibwt/c41g++nvbN7pK7zNCpE/7iEffsO7/YWb6QFX55+4Pt/9F1fDHfzl3vEHnIcniPJD8aIAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"VS Code adding keybinding\",\n    \"title\": \"VS Code adding keybinding\",\n    \"src\": \"/static/865c0d3f478053252c6edb1badf40569/fcda8/add-keybinding-2.png\",\n    \"srcSet\": [\"/static/865c0d3f478053252c6edb1badf40569/12f09/add-keybinding-2.png 148w\", \"/static/865c0d3f478053252c6edb1badf40569/e4a3f/add-keybinding-2.png 295w\", \"/static/865c0d3f478053252c6edb1badf40569/fcda8/add-keybinding-2.png 590w\", \"/static/865c0d3f478053252c6edb1badf40569/efc66/add-keybinding-2.png 885w\", \"/static/865c0d3f478053252c6edb1badf40569/c83ae/add-keybinding-2.png 1180w\", \"/static/865c0d3f478053252c6edb1badf40569/28a89/add-keybinding-2.png 1573w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"), mdx(\"p\", null, \"You will see that there is a conflict with an existing keybinding that needs to be deleted.\"), mdx(\"p\", null, \"Type the keys of the keybinding you have just set, for example, \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Ctrl + T\"), \", and then delete the conflicting keybinding by selecting it and then pressing the delete key. I will be deleting the command \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Go to Symbol in Workspace...\")), mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }, \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/7ef7ee5d6b80fa032375f0e61537a6f1/54d4c/add-keybinding-3.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.64864864864865%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABjklEQVQoz52P3W6bQBCFeYdWaWOzLKxZ/k1gwbAktuuqUXuRy6p17voOfX/p64Kjyr10Lz7NnJlzZsE7PX9jspZhGLB25HA8cjjsXW/p+92irZ3odwPDaDGmo2kN7RWz7roeOz3i2XFkmibSNEMpRbMtqfKUIksoXZ37bZkvfZ5qqiKjdLvimjRxvoymrvCMMZRl6Q6mSKUpn77SnF7I7Bei7hOi2bM9vhCaIx/yYZmt60fuK8uqmhY+liPKzePdCa/rOtQmRusEGW0ozEi//0w7HQnzGj+p0GaPbizruEQVDclDT7ztSOp+YVOZZZY6vL53y1gvB8MwJNWx+8WCLNFI4SMDgU5z0iwnlAGRI5SC0M3nOuvZF6uIJN7gNU3792AURax9n/Xax3dVBAFCOPw3LcRF/4N48wnnEXh1/XD1hdGyCJzhf/EemobYHdNJRhgp95pESHmpNxDIS87btS2JkqQqRIkVwf0dcnU7wuXmrGe+n+nOv/Gff3F3eOX90w/Hz5t45zLB6RVxOvMHjzQmFkHVpEIAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"VS Code Deleting keybinding\",\n    \"title\": \"VS Code Deleting keybinding\",\n    \"src\": \"/static/7ef7ee5d6b80fa032375f0e61537a6f1/fcda8/add-keybinding-3.png\",\n    \"srcSet\": [\"/static/7ef7ee5d6b80fa032375f0e61537a6f1/12f09/add-keybinding-3.png 148w\", \"/static/7ef7ee5d6b80fa032375f0e61537a6f1/e4a3f/add-keybinding-3.png 295w\", \"/static/7ef7ee5d6b80fa032375f0e61537a6f1/fcda8/add-keybinding-3.png 590w\", \"/static/7ef7ee5d6b80fa032375f0e61537a6f1/efc66/add-keybinding-3.png 885w\", \"/static/7ef7ee5d6b80fa032375f0e61537a6f1/c83ae/add-keybinding-3.png 1180w\", \"/static/7ef7ee5d6b80fa032375f0e61537a6f1/54d4c/add-keybinding-3.png 1571w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"), mdx(\"p\", null, \"You are finished and can now close the Keybindings window.\"), mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"590px\"\n    }\n  }, \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/b372be264faf028efa4bad8c1107a4aa/64639/add-keybinding-4.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"48.64864864864865%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABeklEQVQoz5WQ206EMBRF+w2amWTiQKGFwnCHMoCTuXid+GD0ycTbkx/h728PRaJGYzIPK2f3tGfRwraXe5x2HZbLBm3bYrvZYLNeoWsbaF1RXpt+XddomgZVWaIoCpTf6Ne6qtCRh7V0aLU6hVIBhJTIywpxmmERp4iSjHKONC8opwiiBBHthXGCMPrC9OlsXmqwisxxFCMIAnCpkOxuUVzeY7G+gequwPUZ0vM7iOYK03gFr9ubbOsL8HrAqs5NX7bXYFprSOnB9xUcx0VMX6/rpXmGKwS4K6CSEmFagDvCvMJXCp7vm9ojPY8uFGKxiMD6f+N5/qfQgUtIGnJdF5ZlwbZtOCQVQpps2xb15wPzoc6pcs7NLOtv8iV0zWYvGmVjHiRUjfQ34zmWZdkP4Sj6c+gf2ZhZTjeUJPNUSE+TNMRhcWeoh8AH2JKEgeAGMZ/Bnk3AZ1NicgBTM9fDqodnlI/vONm/YbJ7wfHmiXg+iCOasS5eiRd8AAJNJdPk+7ZAAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"img\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"VS Code No more conflicts\",\n    \"title\": \"VS Code No more conflicts\",\n    \"src\": \"/static/b372be264faf028efa4bad8c1107a4aa/fcda8/add-keybinding-4.png\",\n    \"srcSet\": [\"/static/b372be264faf028efa4bad8c1107a4aa/12f09/add-keybinding-4.png 148w\", \"/static/b372be264faf028efa4bad8c1107a4aa/e4a3f/add-keybinding-4.png 295w\", \"/static/b372be264faf028efa4bad8c1107a4aa/fcda8/add-keybinding-4.png 590w\", \"/static/b372be264faf028efa4bad8c1107a4aa/efc66/add-keybinding-4.png 885w\", \"/static/b372be264faf028efa4bad8c1107a4aa/c83ae/add-keybinding-4.png 1180w\", \"/static/b372be264faf028efa4bad8c1107a4aa/64639/add-keybinding-4.png 1568w\"],\n    \"sizes\": \"(max-width: 590px) 100vw, 590px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  })), \"\\n  \"), \"\\n    \"), mdx(\"h2\", {\n    \"id\": \"closing\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Closing\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#closing\",\n    \"aria-label\": \"closing permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"p\", null, \"Thank you for taking the time to read through this article. I hope that at least one of these commands will be useful to you and help you on your journey to become a better developer.\"));\n}\n;\nMDXContent.isMDXComponent = true;","fields":{"slug":"/General/vs-code-tips-and-tricks-1/"}}},"pageContext":{"category":"General","slug":"/General/vs-code-tips-and-tricks-1/","previous":null,"next":{"id":"11406ca4-e928-58a2-b7fe-53de2cc6a57e","fields":{"slug":"/General/markdown-cheat-sheet/"},"frontmatter":{"title":"Markdown Cheatsheet"},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"date\": \"2019-05-04T13:55:00+02:00\",\n  \"author\": \"Martin Kruger\",\n  \"title\": \"Markdown Cheatsheet\",\n  \"subtitle\": \"A markdown cheatsheet that can quickly be referenced\",\n  \"summary\": \"A quick reference cheatsheet for Markdown.\",\n  \"image\": \"markdown-1.jpg\",\n  \"socialTags\": [\"Markdown\"]\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"This is a quick reference cheatsheet for Markdown.\"), mdx(\"h2\", {\n    \"id\": \"headings\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Headings:\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#headings\",\n    \"aria-label\": \"headings permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"# h1\\n\\n## h2\\n\\n### h3\\n\\n#### h4\\n\\n##### h5\\n\\n###### h6\\n\")), mdx(\"h2\", {\n    \"id\": \"bold\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Bold:\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#bold\",\n    \"aria-label\": \"bold permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"**bold text**\\n__bold text__\\n\")), mdx(\"h2\", {\n    \"id\": \"italics\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Italics:\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#italics\",\n    \"aria-label\": \"italics permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"*italics text*\\n_italics text_\\n\")), mdx(\"h2\", {\n    \"id\": \"combining\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Combining:\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#combining\",\n    \"aria-label\": \"combining permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"**bold and _italics_**\\n\")), mdx(\"h2\", {\n    \"id\": \"strikethrough\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Strikethrough:\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#strikethrough\",\n    \"aria-label\": \"strikethrough permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"~~strikethrough~~\\n\")), mdx(\"h2\", {\n    \"id\": \"ordered-list\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Ordered List:\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#ordered-list\",\n    \"aria-label\": \"ordered list permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"1. First item\\n\\n2. Second item\\n\\n   2.1 First nested item\\n\\n   2.2 Second nested item\\n\")), mdx(\"h2\", {\n    \"id\": \"unordered-list\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Unordered List:\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#unordered-list\",\n    \"aria-label\": \"unordered list permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"- First item\\n\\n- Second item\\n\\n  - First nested item\\n\\n  - Second nested item\\n\")), mdx(\"h2\", {\n    \"id\": \"links\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Links\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#links\",\n    \"aria-label\": \"links permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"[Normal link](https://www.example.com)\\n\\n[Link with title](https://www.example.com \\\"Title text\\\")\\n\\n\")), mdx(\"h2\", {\n    \"id\": \"images\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Images\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#images\",\n    \"aria-label\": \"images permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"![Alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png \\\"Title text\\\")\\n\")), mdx(\"h2\", {\n    \"id\": \"blockquotes\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Blockquotes\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#blockquotes\",\n    \"aria-label\": \"blockquotes permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"> Quoted text that\\n> a person has said.\\n\")), mdx(\"h2\", {\n    \"id\": \"horizontal-rule\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, \"Horizontal Rule\", mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#horizontal-rule\",\n    \"aria-label\": \"horizontal rule permalink\",\n    \"className\": \"header-anchor-link after\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))))), mdx(\"p\", null, \"Add 3 or more of any of the following:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {}), \"\\nHyphens: ---\\n\\nAsterisks: ***\\n\\nUnderscores: ___\\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;"}}},"staticQueryHashes":["3198164602","63159454"]}